Javascript 用于网页包流的Uglify JS网页包插件(Gulp+;网页包)
我正在尝试使用Gulp+Webpack 大多数事情都在进行中 但是,当我试图按照上述文档实现时,它似乎不起作用。我没有得到任何错误,我得到的只是没有丑陋的代码 这是我的相同=> 事实上,更具体地说,这是我的 我错过什么了吗?我需要更多的RTFM吗?你们能帮帮我吗 如果您需要任何其他详细信息,请告诉我。提前谢谢Javascript 用于网页包流的Uglify JS网页包插件(Gulp+;网页包),javascript,webpack,gulp,uglifyjs,Javascript,Webpack,Gulp,Uglifyjs,我正在尝试使用Gulp+Webpack 大多数事情都在进行中 但是,当我试图按照上述文档实现时,它似乎不起作用。我没有得到任何错误,我得到的只是没有丑陋的代码 这是我的相同=> 事实上,更具体地说,这是我的 我错过什么了吗?我需要更多的RTFM吗?你们能帮帮我吗 如果您需要任何其他详细信息,请告诉我。提前谢谢 编辑:这是同一问题的视频演示:请将输出文件名更改为scripts.min.js,并使用属性压缩为true const UglifyjsWebpackPlugin = require('ug
编辑:这是同一问题的视频演示:请将输出文件名更改为
scripts.min.js
,并使用属性压缩
为true
const UglifyjsWebpackPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
mode: 'production',
devtool: 'source-map',
output: {
filename: 'scripts.min.js',
},
optimization: {
minimizer: [
new UglifyjsWebpackPlugin({
sourceMap: true,
minify(file, sourceMap) {
// https://github.com/mishoo/UglifyJS2#minify-options
const uglifyJsOptions = { /* your `uglify-js` package options */ };
if (sourceMap) {
uglifyJsOptions.sourceMap = {
content: sourceMap,
};
}
return require('uglify-js').minify(file, uglifyJsOptions);
}
}),
],
},
};
所以,由于我急需这个,我已经用“吞咽”来代替“网页”来完成这项工作。。。话虽如此。。。仍在寻找网页包解决方案 无论如何,这里是我的基于Gulp的(gulpfile.js)解决方案=> 一, 二, 三, 我认为现在对我来说最重要的是这对我来说是有效的:)只要定义
plugins
{
“插件”:[
新的UglifyJsPlugin({
“sourceMap”:false,
“平行”:正确
})
]
}
不要使用
优化。minimizer
一切正常,有什么问题吗?等一下,让我展示一个快速视频@PlayMa256is ok*,拼错了。@PlayMa256我已经添加了上述问题的视频演示,请现在查看:)谢谢兄弟的帮助,但似乎不起作用:(在Facebook DevC中添加了错误截图(你从哪里来的)好的,我不能在我的环境中测试它,很抱歉。但是我已经根据文档更新了代码。你能试试吗?请在运行代码之前访问代码中的URL以查看所需的选项。很抱歉回复太晚…正在进行中…没有更新代码…顺便说一句,代码似乎不起作用,下面是根据你的评论和我的理解,我添加了相同的内容
const UglifyjsWebpackPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
mode: 'production',
devtool: 'source-map',
output: {
filename: 'scripts.min.js',
},
optimization: {
minimizer: [
new UglifyjsWebpackPlugin({
sourceMap: true,
minify(file, sourceMap) {
// https://github.com/mishoo/UglifyJS2#minify-options
const uglifyJsOptions = { /* your `uglify-js` package options */ };
if (sourceMap) {
uglifyJsOptions.sourceMap = {
content: sourceMap,
};
}
return require('uglify-js').minify(file, uglifyJsOptions);
}
}),
],
},
};
yarn add --dev gulp-uglify
const gulpUglify = require('gulp-uglify');
...((mode === 'production') ? [gulpUglify()] : []),