gulp-sourcemaps

问题 This happened randomly as I was updating my CSS file and then refreshing to notice no changes were being shown. I eventually noticed that Task Runner Explorer window had "failed to load" under my Gulpfile.js and none of the build processes were listed. I then done a bit of research and reordered the list of external tools as some SO threads have mentioned to do and nothing. I then noticed that gulpfile.js required some files : var gulp = require("gulp"), gulpless = require("gulp-less"),

问题 This happened randomly as I was updating my CSS file and then refreshing to notice no changes were being shown. I eventually noticed that Task Runner Explorer window had "failed to load" under my Gulpfile.js and none of the build processes were listed. I then done a bit of research and reordered the list of external tools as some SO threads have mentioned to do and nothing. I then noticed that gulpfile.js required some files : var gulp = require("gulp"), gulpless = require("gulp-less"),

问题 I have the following gulp task for bundling javascript: gulp.task('js', function () { return gulp.src(paths.js) .pipe(sourcemaps.init()) .pipe(uglify()) .pipe(concat('bundle.min.js')) .pipe(sourcemaps.write('./')) .pipe(gulp.dest('dist')); }); When I run this in the Chrome dev tools, sourcemaps are found and breakpoints work, but variables can't be debugged . Take this example chunk of angular code: iarApp.config(['$animateProvider', function ($animateProvider) { $animateProvider

问题 I have the following gulp task for bundling javascript: gulp.task('js', function () { return gulp.src(paths.js) .pipe(sourcemaps.init()) .pipe(uglify()) .pipe(concat('bundle.min.js')) .pipe(sourcemaps.write('./')) .pipe(gulp.dest('dist')); }); When I run this in the Chrome dev tools, sourcemaps are found and breakpoints work, but variables can't be debugged . Take this example chunk of angular code: iarApp.config(['$animateProvider', function ($animateProvider) { $animateProvider

问题 I generate source maps for javascript files during minification. The map files are referenced using a relative URL from the minified JS files that sit next to the map files. Here is an example comment at the end of app-e47a6637.js : //# sourceMappingURL=app-e47a6637.js.map The source map resolution works as expected in Firefox. However, Chrome does not load the map files. Additional information: JS source maps are of course enabled in the settings. I tried putting a proxy between Chrome and

问题 I'm new on using Gulp and gulp-sourcemaps for sass files. I encouter an issue when compiling scss file. So I finally think sourcemaps is the guilt because when I open the last created css.map file, I don't find mention of my last scss file modified and compiled.(but not if I disable sourcemap creation). In addition, path to scss files in firebug isn't the right one.This is my gulp task: var basePaths = { src: './sass/**/*.scss', // fichiers scss à surveiller dest: './css/', // dossier à

问题 I have a Angular2/typescript app I am developing in VSCode. I use Gulp to build the typescript files and gulp-sourcemap to create map files. Attaching/launching chrome works well after some tinkering with the chrome debug extension for VSCode, but I cannot get the breakpoints to hit. I run the website with "dnx web", but I don't think that should matter. My folder structure is like this: project/wwwroot/index.html project/wwwroot/app/myfile.js project/wwwroot/app/myfile.js.map project/scripts

问题 I generated a js file with a source map using the following gulp task. The original sources get loaded in Firefox but do not get loaded in Chrome. Can anyone point out why Chrome can't find the sources which are clearly included in the generated index-[hash].js.map? gulp.task('browserify', function () { // set up the browserify instance on a task basis return browserify({ debug: true }) .transform(babelify) .require('client/web/private/js/es6/index.js', { entry: true }) .bundle() .on('error',

问题 Here is the task: dev.assets.sass = [ 'client/modules/*[!public]*/scss/*.scss' ]; gulp.task('sass', function () { gulp.src(dev.assets.sass) .pipe(sourcemaps.init()) .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) .pipe(concat('application.min.css')) .pipe(sourcemaps.write('./maps')) .pipe(gulp.dest('./client/build')); }); The issue is that the source map looks like this: {"version":3,"sources":["../../stdin"].... which is not what I expected. I would like something similar

问题 I have a fairly standard use case for gulp-sourcemaps https://github.com/floridoo/gulp-sourcemaps gulp.src( bundle.src) .pipe(sourcemaps.init()) .pipe(concat(bundle.dst + '.' + opts.ext)) .pipe(uglify()) .pipe(sourcemaps.write()) .pipe(gulp.dest('./public/built')); This produces appropriately concatenated and uglyified files. However there are no source map additions to them. bundle.src is an array of file paths. Not sure how to debug this. 回答1: You should look into gulp-util. It may give you