大家好,我正在使用 gulp uglify 和 concat 来缩小 js 代码。
但是,我希望有一种方法来检测原始 dev js 代码中的任何编码错误,以便我可以检查原始代码,而不仅仅是在缩小后通知。
我可以知道我该怎么做吗?
下面是我的 gulp 代码。
gulp.task('frontend.js', function() {
return gulp.src([paths.dev.js + 'jquery.js', paths.dev.js + 'bootstrap.js', paths.dev.js + 'basic.js'])
.pipe(jsconcat('script.js'))
.pipe(uglify())
.pipe(gulp.dest(paths.assets.js)) // output: script.js
.pipe( notify({message: 'frontend.js converted'}));
});
最佳答案
这就是源映射的用途。
var sourcemaps = require('gulp-sourcemaps');
gulp.task('frontend.js', function() {
return gulp.src([paths.dev.js + 'jquery.js', paths.dev.js + 'bootstrap.js', paths.dev.js + 'basic.js'])
.pipe(jsconcat('script.js'))
.pipe(sourcemaps.init())
.pipe(uglify())
.pipe(sourcemaps.write())
.pipe(gulp.dest(paths.assets.js)) // output: script.js
.pipe( notify({message: 'frontend.js converted'}));
});
它将把源映射(即将每个缩小的行映射到原始行)附加到 frontend.js
。
现在,如果您使用的是 Chrome 或 Firefox 等现代浏览器,您将看到原始代码。
关于javascript - 使用 gulp 时显示 javascript 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26671442/