Gulp-sourcemaps不是';铬中的t加载源
我没有测试所有的浏览器,但我经常使用chrome浏览器 对于Grunt,我对uglify和生成的地图文件没有任何问题。在Chrome中,当使用开发者工具时,会同时加载min.js和原始的.js 我正在尝试学习Gulp,经过几个小时的尝试,我无法让地图文件链接原始的.js以匹配.min.js 这是我的gulpfile.js。我做错了什么Gulp-sourcemaps不是';铬中的t加载源,gulp,source-maps,gulp-uglify,Gulp,Source Maps,Gulp Uglify,我没有测试所有的浏览器,但我经常使用chrome浏览器 对于Grunt,我对uglify和生成的地图文件没有任何问题。在Chrome中,当使用开发者工具时,会同时加载min.js和原始的.js 我正在尝试学习Gulp,经过几个小时的尝试,我无法让地图文件链接原始的.js以匹配.min.js 这是我的gulpfile.js。我做错了什么 var gulp = require('gulp') , uglify = require('gulp-uglify') , rename = r
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']);
截至2014年1月15日,gulp uglify没有内置工作源地图 这是使sourcemaps正常工作的当前解决方案:
npm安装gulp-uglify@https://github.com/floridoo/gulp-uglify/tarball/sourcemap\u fix——保存开发
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']);
回购示例:截止2014年1月15日,gulp uglify
没有内置工作源地图
这是使sourcemaps正常工作的当前解决方案:
npm安装gulp-uglify@https://github.com/floridoo/gulp-uglify/tarball/sourcemap\u fix——保存开发
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']);
回购示例:在我的案例中,我将gulp uglify和gulp sourcemaps更新为:
“gulp sourcemaps”:“2.6.5”,
“狼吞虎咽”:“3.0.2”
我改变了一点缩小功能
发件人:
致:
由于某种原因,当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和gulp sourcemaps更新为:
“gulp sourcemaps”:“2.6.5”,
“狼吞虎咽”:“3.0.2”
我改变了一点缩小功能
发件人:
致:
由于某种原因,当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会解决这个问题吗?这似乎是一个明显的错误。@user3448990,是的,floridoo现在有一个请求。我已经在这个问题上提出了一些建议。@user3448990安装1.1.0,他合并了这些更改。问题已解决感谢您迅速加入并发布回购协议。我来试试这个解决办法。你认为gulp uglify会解决这个问题吗?这似乎是一个明显的错误。@user3448990,是的,floridoo现在有一个请求。我已经在这个问题上提出了一些建议。@user3448990安装1.1.0,他合并了这些更改。问题解决了很多+1给你!非常感谢+1给你!