Javascript 为什么不是';你不会把我的名字弄得乱七八糟吗?
我有以下任务:Javascript 为什么不是';你不会把我的名字弄得乱七八糟吗?,javascript,gulp,gulp-uglify,Javascript,Gulp,Gulp Uglify,我有以下任务: var uglify = require('gulp-uglify'); gulp.task('scripts', function () { gulp.src('./src/scripts/*.js') .pipe(concat('main.js')) .pipe(uglify()) .pipe(gulp.dest('./dist')); }); 以及以下两个javascript文件test1.js: var testOneOutput = 'f
var uglify = require('gulp-uglify');
gulp.task('scripts', function () {
gulp.src('./src/scripts/*.js')
.pipe(concat('main.js'))
.pipe(uglify())
.pipe(gulp.dest('./dist'));
});
以及以下两个javascript文件test1.js:
var testOneOutput = 'function one';
console.log(testOneOutput);
和test2.js
var testTwoOutput = 'function two';
console.log(testTwoOutput);
所有目录都设置正确。虽然当我运行任务时,我没有迹象表明丑陋是否起作用。不过,串联的效果非常好。我遗漏了什么吗?先执行
uglify
。然后concat
uglified文件
gulp.task('scripts', function () {
gulp.src('./src/scripts/*.js')
.pipe(uglify())
.pipe(concat('main.js'))
.pipe(gulp.dest('./dist'));
});
在脚本中
testOneOutput
和testtwooput
是全局变量,默认情况下gulp uglify
只会损坏局部变量
将代码放入函数中,您将看到一些混乱
function go() {
var testOneOutput = 'function one';
console.log(testOneOutput);
}
如果您还想损坏顶级函数,可以给
{mangle:{toplevel:true}}
选项
uglify({mangle: {toplevel: true}})