在这个项目中,我将“ Gulp”用于某些任务,但是最近收到了添加源映射的请求。 我可以使用sourcemap,但是它似乎与其他插件(如'gulp-combine-mq'和"gulp-combine-media-queries" 又称为“ cmq”)发生冲突 在注释掉“ cmq”的情况 ...
提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供 中文繁体 英文版本 中英对照 版本,有任何建议请联系yoyou2525@163.com。
我没有测试过所有浏览器,但我经常使用 chrome。
使用 Grunt,我对 uglify 和生成的地图文件没有任何问题。 在 Chrome 中,当在开发者工具中时,min.js 和原始 .js 都被加载。
我正在尝试学习 Gulp,经过数小时的尝试,我无法让地图文件链接原始 .js 以匹配 .min.js。
这是我的 gulpfile.js。 我究竟做错了什么?
var gulp = require('gulp')
, uglify = require('gulp-uglify')
, rename = require('gulp-rename')
, sourcemaps = require('gulp-sourcemaps');
// default means this task will run whenever you type “gulp” at the command line without any parameters.
gulp.task('uglify:apps', function () {
gulp.src(['core/apps/**/*.js', '!/**/*.min.js'])
.pipe(sourcemaps.init())
.pipe(uglify())
.pipe(rename({ extname: ".min.js" }))
.pipe(sourcemaps.write("."))
.pipe(gulp.dest('core/apps/'))
;
});
gulp.task('default', ['uglify:apps']);
就我而言,我将 gulp-uglify 和 gulp-sourcemaps 更新为:"gulp-sourcemaps": "2.6.5", "gulp-uglify": "3.0.2",
我改变了一些缩小功能:
.pipe(sourcemaps.write('.', { includeContent: false, sourceRoot: '../' }))
到:
.pipe(sourcemaps.write('.', { includeContent: false, sourceRoot: '.' }))
出于某种原因,当sourceRoot: '../'
我无法在浏览器中看到源代码(但是调试器;并且断点正在停止执行,我只是没有看到代码)
我现在的整个代码
function minifyJs(src, dest) {
var minifyPaths = [src];
return gulp.src(minifyPaths)
.pipe(domSrc.duplex({ selector: 'script[data-concat!="false"]', attribute: 'src', cwd: '../' })) //dont pay attantion here
.pipe(sourcemaps.init())
.pipe(babel({
presets: ["es2015-script"],
compact: false
}))
.pipe(concat(dest))
.pipe(gulp.dest("."))
.pipe(uglify({
compress: {
unused: false
}
}))
.pipe(rename({ extname: '.min.js' }))
.pipe(sourcemaps.write('.', { includeContent: false, sourceRoot: '.' }))
.pipe(gulp.dest("."));
}
gulp-uglify
为2014年1月15日的没有内置的工作sourcemaps。
这是使源映射正常工作的当前解决方案:
npm install gulp-uglify@https://github.com/floridoo/gulp-uglify/tarball/sourcemap_fix --save-dev
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var uglify = require('gulp-uglify');
gulp.task('ug', function(){
gulp.src('./test.js')
.pipe(sourcemaps.init())
.pipe(uglify())
.pipe(sourcemaps.write())
.pipe(gulp.dest('./out'));
});
gulp.task('default', ['ug']);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.