webpack 3 安装 terser-webpack-plugin什么版本

Webpack 3版本中安装`terser-webpack-plugin`需要选择一个与它兼容的特定版本，因为terser-webpack-plugin是在webpack4及以上版本中引入的一个用于压缩JavaScript的插件。对于Webpack 3，你应该使用`uglifyjs-webpack-plugin`作为替代品，这是一个类似的功能但支持老版本的库。

如果你想要压缩代码，可以这样做：

npm install uglifyjs-webpack-plugin --save-dev

然后，在Webpack配置文件`webpack.config.js`中集成这个插件：

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  //...
  optimization: {
    minimizer: [
      new UglifyJsPlugin({
        sourceMap: true, // 是否生成Source Map
        parallel: true, // 是否并行处理
      }),
    ],
  },
  //...
};

相关问题

webpack4和terser-webpack-plugin版本号

webpack 4.x.x 默认使用 terser-webpack-plugin 1.x.x 版本。如果你想使用更高版本的 terser-webpack-plugin，需要手动安装并在 webpack 配置中进行相应的修改。例如，如果你想使用 terser-webpack-plugin 4.x.x 版本，需要执行以下命令安装：

npm install terser-webpack-plugin@4.x.x --save-dev

然后，在 webpack 配置中引入并使用新版本的插件：

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  // ...
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        // options
      })
    ]
  }
};

webpack打包使用 terser-webpack-plugin删除console.log不生效

你好！关于你的问题，我可以提供一些帮助。要在 webpack 打包过程中使用 `terser-webpack-plugin` 删除 `console.log`，你需要确保已正确配置和使用该插件。以下是可能需要检查的几个步骤：

1. 确保已安装 `terser-webpack-plugin`。可以通过运行以下命令来安装它：

   npm install terser-webpack-plugin --save-dev

2. 在 webpack 配置文件中，确保引入 `terser-webpack-plugin`：

   const TerserPlugin = require('terser-webpack-plugin');

3. 在 optimization 配置中，添加 `TerserPlugin`：

   optimization: {
     minimizer: [
       new TerserPlugin({
         terserOptions: {
           compress: {
             drop_console: true // 删除 console.log
           }
         }
       })
     ]
   }

4. 确保 webpack 配置文件中其他的配置项没有影响到插件的执行。特别是注意是否存在其他插件或配置与 `TerserPlugin` 冲突。

完成上述步骤后，重新运行 webpack 打包命令，应该就能够删除代码中的 `console.log` 了。如果问题仍然存在，可以提供更多关于你的 webpack 配置文件的信息，以便我能够更具体地帮助你解决问题。