node webpack打包记得打开这些开关,不然编译报错

我的编程备忘录

于 2022-09-12 00:51:53 发布

阅读量500

点赞数

分类专栏： javascript 文章标签： javascript webpack 前端

本文链接：https://blog.csdn.net/xiehubiao/article/details/126811722

版权

javascript 专栏收录该内容

10 篇文章

订阅专栏

这是一个webpack的配置文件示例，主要关注生产环境的优化，包括使用TerserPlugin进行代码压缩，以及通过HtmlWebpackPlugin生成HTML文件。配置中还排除了某些Node.js内置模块，以减少不必要的polyfills。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const TerserPlugin = require("terser-webpack-plugin");
// const JavaScriptObfuscator = require('webpack-obfuscator');
var HtmlWebpackPlugin = require("html-webpack-plugin");

var path = require("path");
module.exports = {
  node: {
    global: false,
  },
  mode: "production",
  entry: {

    server: "./app.js",

  },
  output: {
    path: path.resolve(__dirname, "dist"),
  },
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin()],
  },
  plugins: [
    // new JavaScriptObfuscator({
    //     rotateUnicodeArray: true
    //     // 数组内是需要排除的文件
    // }, ['abc.js']),
    // new HtmlWebpackPlugin({
    //   template: "./html/popup.html", // 源模板文件
    //   filename: "./popup.html", // 输出文件【注意：这里的根路径是module.exports.output.path】
    //   showErrors: true,
    //   inject: "body",
    //   chunks: ["common", "index"],
    // }),
  ],
  // webpack.config.js
  resolve: {
    // 1.不需要node polyfilss
    alias: {
      crypto: false,
      stream: false,
      assert: false,
      http: false,
      https: false,
      util: false,
      os: false,
      url: false,
      fs: false,
      fs: false,
      net: false,
      tls: false,
    }

  },


};