这是我的webpack.config.js
var webpack = require("webpack");
module.exports = {
entry: "./entry.js",
devtool: "source-map",
output: {
path: "./dist",
filename: "bundle.min.js"
},
plugins: [
new webpack.optimize.UglifyJsPlugin({minimize: true})
]
};
我用
$ webpack
在dist文件夹里，我只得到
bundle.min.js bundle.min.js.map
我还想看看未压缩的bundle.js
当前回答
根据这一行:https://github.com/pingyuanChen/webpack-uglify-js-plugin/blob/master/index.js#L117
应该是这样的:
var webpack = require("webpack");
module.exports = {
entry: "./entry.js",
devtool: "source-map",
output: {
path: "./dist",
filename: "bundle.js"
},
plugins: [
new webpack.optimize.UglifyJsPlugin({
minimize: true,
compress: false
})
]
};
实际上，通过根据env / argv策略导出不同的配置，您可以拥有多个构建。
其他回答
webpack止损。jsx，输出
适用于我，使用-p标志。
在我看来，直接使用UglifyJS工具要容易得多:
NPM install——save-dev uglify-js 正常使用webpack，例如构建一个。/dst/bundle.js文件。 在package.json中添加一个构建命令: "脚本":{ "build": "webpack && uglifyjs ./dst/bundle.js -c -m -o ./dst/bundle.min.js——source-map ./dst/bundle.min.js.map" ｝ 当你想要构建一个你的bundle以及丑陋的代码和源代码时，运行npm run build命令。
不需要全局安装uglify-js，只需为项目在本地安装即可。
根据这一行:https://github.com/pingyuanChen/webpack-uglify-js-plugin/blob/master/index.js#L117
应该是这样的:
var webpack = require("webpack");
module.exports = {
entry: "./entry.js",
devtool: "source-map",
output: {
path: "./dist",
filename: "bundle.js"
},
plugins: [
new webpack.optimize.UglifyJsPlugin({
minimize: true,
compress: false
})
]
};
实际上，通过根据env / argv策略导出不同的配置，您可以拥有多个构建。
你可以为webpack创建两个配置，一个可以减少代码，另一个则不能(只需删除优化)。然后同时运行两个配置$ webpack && webpack——config webpack.config.min.js
要添加另一个答案，flag -p(——optimize- minimal的缩写)将启用带有默认参数的UglifyJS。
您不会在一次运行中获得一个缩小的原始包，也不会生成不同名称的包，因此-p标志可能不符合您的用例。
相反，-d选项是——debug——devtool sourcemap——output-pathinfo的缩写
我的webpack.config.js省略了devtool、debug、pathinfo和最小化插件，取而代之的是这两个标志。
