Webpack 网页包4禁用uglifyjs网页包插件
我这两天一直有问题。所以我决定从网页包构建过程中完全禁用uglifyjs网页包插件。我在第4网页上找不到任何内容。Webpack 网页包4禁用uglifyjs网页包插件,webpack,uglifyjs,webpack-4,webpack-plugin,Webpack,Uglifyjs,Webpack 4,Webpack Plugin,我这两天一直有问题。所以我决定从网页包构建过程中完全禁用uglifyjs网页包插件。我在第4网页上找不到任何内容。module.exports={ module.exports = { optimization:{ minimize: false, // <---- disables uglify. // minimizer: [new UglifyJsPlugin()] if you want to customize it. } } 优
module.exports={
module.exports = {
optimization:{
minimize: false, // <---- disables uglify.
// minimizer: [new UglifyJsPlugin()] if you want to customize it.
}
}
优化:{
最小化:false,//如果您管理单个webpack.config.js
并基于环境使用package.json npmscripts
。您也可以使用这种方法
您可以这样做:创建一个defaultplugins数组并检查环境,如果环境是prod,则push-to数组使用defaultplugins。如示例所示:
package.json
"config-prod": "webpack --env.NODE_ENV=prod --parallel build-webpack",
"build-prod": "npm run config-prod"
webpack.config.js
只添加了相关部分,因此易于阅读
var webpack = require("webpack");
var path = require("path");
const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const webpackUtilities = require("./webpack.utilities");
module.exports = (env) => {
var defaultplugins = [
new webpack.DefinePlugin({
///// section deleted
}),
new MiniCssExtractPlugin({
///// section deleted
}),
];
return {
mode: env.NODE_ENV == "prod" ? "production" : "development",
devtool: env.NODE_ENV == "prod" ? "" : "source-map";,
entry: {
///// section deleted
},
output: {
///// section deleted
},
module: {
rules: [
{
///// section deleted
},
],
},
plugins:
env.NODE_ENV == "prod"
? [...defaultplugins, new UglifyJSPlugin()]
: [...defaultplugins],
resolve: {
extensions: [".js", ".jsx", ".scss", ".css"],
},
};
};