你可以为webpack创建两个配置，一个可以减少代码，另一个则不能(只需删除优化)。然后同时运行两个配置$ webpack && webpack——config webpack.config.min.js

你可以在webpack配置中定义两个入口点，一个用于普通js，另一个用于迷你js。然后你应该输出你的bundle和它的名字，并配置UglifyJS插件来包含min.js文件。请参阅webpack配置示例了解更多细节:

module.exports = {
 entry: {
   'bundle': './src/index.js',
   'bundle.min': './src/index.js',
 },

 output: {
   path: path.resolve(__dirname, 'dist'),
   filename: "[name].js"
 },

 plugins: [
   new webpack.optimize.UglifyJsPlugin({
      include: /\.min\.js$/,
      minimize: true
   })
 ]
};

运行webpack后，你会在dist文件夹中得到bundle.js和bundle.min.js，不需要额外的插件。

你可以为webpack创建两个配置，一个可以减少代码，另一个则不能(只需删除优化)。然后同时运行两个配置$ webpack && webpack——config webpack.config.min.js

webpack止损。jsx，输出

适用于我，使用-p标志。

你可以使用一个配置文件，并使用一个环境变量有条件地包含UglifyJS插件:

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

const PROD = JSON.parse(process.env.PROD_ENV || '0');

module.exports = {

  entry: './entry.js',
  devtool: 'source-map',
  output: {
    path: './dist',
    filename: PROD ? 'bundle.min.js' : 'bundle.js'
  },
  optimization: {
    minimize: PROD,
    minimizer: [
      new TerserPlugin({ parallel: true })
  ]
};

然后当你想缩小它时，设置这个变量:

$ PROD_ENV=1 webpack

编辑:

正如评论中提到的，通常使用NODE_ENV(按照约定)来说明特定环境是生产环境还是开发环境。要检查它，你也可以设置const PROD = (process.env。NODE_ENV === 'production')，然后正常继续。

也许我来晚了，但我也有同样的问题，所以我为此写了一个unminifiedwebpack插件。

安装

npm install --save-dev unminified-webpack-plugin

使用

var path = require('path');
var webpack = require('webpack');
var UnminifiedWebpackPlugin = require('unminified-webpack-plugin');

module.exports = {
    entry: {
        index: './src/index.js'
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'library.min.js'
    },
    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                warnings: false
            }
        }),
        new UnminifiedWebpackPlugin()
    ]
};

通过上述操作，您将得到library.min.js和library.js两个文件。不需要执行webpack两次，它只是工作!^ ^