source-maps

问题 I've got a two-step compilation process for my web application. Firstly, I compile CoffeeScript files into JavaScript files [1]. Then the JavaScript files (both ones that come from CoffeeScript, and external ones, like produced from AngularJS templates by grunt-angular-templates ) are compiled by Google Closure Compiler [2] into a single minimized file. CoffeeScript ---[1]---> JavaScript --[2]--\ \-> AngularJS templates --> JavaScript ----------> single minimized JS file /-> other JS files --

问题 Has any one had any success with this? 回答1: I think it's more or less an unsolved problem: https://github.com/jashkenas/coffee-script/issues/2779 . Last meanigingful comment was from jwalton, a month ago. Still, it doesn't seem rocket science to add support for it, so it will probably come soon. Michael Ficarra (creator of CoffeeScript Redux) suggested using https://github.com/michaelficarra/commonjs-everywhere . Two caveats: It only works for bundling CommonJS modules. It uses CoffeeScript

问题 I managed to compile my css and less resources („imported“ from javascript) to all-my-LESS|CSS , extract them using ExtractTextPlugin and merge them together with MergeFilesPlugin to combinedStyles.css . The bit I am missing: How to run cssnano (e.g. through postcss?) on top of that as the finishing bit? (Oh, and while I habe inline source maps, I didn't manage to generate an external combinedStyles.map file). This is my combined webpack.config.babel.js (ignore the babel bit, just means, you

问题 I am using the outFile option in the tsconfig.json to compile my typescript files into one .js file. I am generating a source map. Error messages are not referenced to the typescript file though. Examples: script.ts: throw 'Error' tsconfig.json: { "compilerOptions": { "sourceMap": true } } Compiling (tsc 1.6.2) will generate: script.js: throw 'Error script.js.map: {"version":3,"file":"script.js","sourceRoot":"","sources":["script.ts"],"names":[],"mappings":"AACA,MAAM,QAAQ,CAAC"} The browser's

问题 I think the picture 1 below will explain the best the issue I am facing I created Ionic2 app on my Windows 10 PC with this command: ionic start -a "myapp" -i com.mycomp.myapp --v2 sidemenu I then imported it in Visual Studio 2015 with TACO installed. I added ios platform and attached my iPad 2 air to my mac connected to wifi. In tsconfig.json I added "sourceMap": true to enable .ts debugging. Picture 1: I am not sure how to see network trafic when using VS 2015 (I could not fine any tab

问题 In FireFox I load my web application which has a Source Map. The Source Map seems to be loaded correctly, as the Debugger tab shows the original source files. However, the Console tab contains only links to the compiled code, instead of the Source Map code. Is a Source mapping done in FireFox Console? Do I have to enable anything? Update: I also tried it in chrome and there the console shows the original location of the event, BUT: only the first time after starting chrome AND only, if I

问题 GWT supports source maps in super dev mode. Unfortunately, they seem not to work in production mode, despite the fact that I added source maps option to my *.gwt.xml file. How to enable them there? 回答1: Have a look at how this is done for GWT's own website: https://gwt.googlesource.com/gwt-site-webapp/+/master/src/main/java/com/google/gwt/site/webapp/GWTProject.gwt.xml, specifically the includeSourceMapUrl configuration property. Note that -saveSource is passed to the GWT compiler too. 来源：

问题 So my app is running off a concatenated admin.bundle.js file. I'm using webpack to manage the modules, and then using gulp-webpack to import my webpack config, then run the sourcemap code: gulp.task('webpack', function() { return gulp.src('entry.js') .pipe(webpack( require('./webpack.config.js') )) .pipe(sourcemaps.init()) .pipe(sourcemaps.write('./')) .pipe(gulp.dest('app/assets/js')); }); My Webpack config var webpack = require('webpack'); module.exports = { entry: "./entry.js", output: {

问题 I have a problem to set a breakpoint on a javascript source file minified mapped on real sources with a source map file. The problem can be demonstrated with jquery.com website. On this site, the imported script is jquery.min.js which contains a //# sourceMappingURL=jquery.js directive. This can be observed on chromium 37 debugger : On that "real source file", i'm trying to setup a breakpoint on line 500 , bug the breakpoint appears on line 6955 . What is is wrong with this use case ? Is it

问题 I'm using TypeScript with Ionic 2 , but my sourcemaps is not working. I suppose something is wrong either with my TypeScript gulp task, but I cannot find the issue. Here is my gulpfile.js var gulp = require("gulp"), gulpWatch = require("gulp-watch"), del = require("del"), runSequence = require("run-sequence"), typescript = require("gulp-typescript"), argv = process.argv; /** * Ionic hooks * Add ':before' or ':after' to any Ionic project command name to run the specified * tasks before or