通过 mode 配置选项,告知 webpack 使用相应模式的内置优化。

    选项 描述
    development 会将 DefinePlugin 中 process.env.NODE_ENV 的值设置为 development. 为模块和 chunk 启用有效的名。
    production 会将 DefinePlugin 中 process.env.NODE_ENV 的值设置为 production。为模块和 chunk 启用确定性的混淆名称,FlagDependencyUsagePlugin,FlagIncludedChunksPlugin,ModuleConcatenationPlugin,NoEmitOnErrorsPlugin 和 TerserPlugin 。

    修改开发环境配置文件 webpack.dev.js:

    1. module.exports = merge(common, {
    2. // 开发模式
    3. mode: 'development',
    4. })

    修改生产环境配置文件 webpack.prod.js:

    1. module.exports = merge(common, {
    2. // 生产模式
    3. mode: 'production',
    4. })