webpack config如何根据环境更改插件

Felix 发表于 Dev

费利克斯

嗨，是否有可能根据环境在webpack配置中制作插件？

plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NamedModulesPlugin(),
        new webpack.LoaderOptionsPlugin({
            debug: true
        }),
        new CopyWebpackPlugin([
            {from: 'src/www/'}
        ])
        // new BundleAnalyzerPlugin(),
        // new CompressionPlugin({
        //     algorithm: 'gzip',
        //     test: /\.js$|\.css$|\.html$/
        // }),
        // new UglifyJsPlugin({
        //     test: /\.js(\?.*)?$/i
        // })
    ]

只有将我与之捆绑在一起时，才应使用带注释的 NODE_ENV=production

提前致谢

约瑟夫

根据您的要求，如果环境是生产环境，则添加插件，否则返回false，并根据布尔值过滤数组，但是首选方法是为不同的环境创建不同的文件，这将是一种更为简洁的方法。

plugins: [
    new webpack.HotModuleReplacementPlugin(),
        new webpack.NamedModulesPlugin(),
        new webpack.LoaderOptionsPlugin({
            debug: true
        }),
        new CopyWebpackPlugin([
            {from: 'src/www/'}
        ])
        NODE_ENV==='production' ? new BundleAnalyzerPlugin() : false,
        NODE_ENV==='production' ? new CompressionPlugin({
             algorithm: 'gzip',
             test: /\.js$|\.css$|\.html$/
        }) : false,
        NODE_ENV==='production' ?  new UglifyJsPlugin({
             test: /\.js(\?.*)?$/i
        }) : false
 ].filter(Boolean)

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。