angular - Angular2 Aot and multi stage source maps integration -
i working on angular2 application. went through doucmentation , implemented aot , rollup. have non-es6 modules in application. after rollup, bundle js of webpack replacing 'require' statements required library code. have generated sourcemap @ every step.but still, when error turns in console, not reflect correct line. following aot, rollup , webpack configs. 'sourcemap' option set 'true' in each of configs. please advise.
tsconfig.aot.js
{ "compileroptions": { "target": "es5", "module": "es2015", "moduleresolution": "node", "sourcemap": true, "emitdecoratormetadata": true, "experimentaldecorators": true, "removecomments": false, "noimplicitany": false, "allowunreachablecode": true, "suppressimplicitanyindexerrors": true, "allowsyntheticdefaultimports": true }, "angularcompileroptions": { "gendir": "aot", "skipmetadataemit" : true }, "compileonsave": false, "files": [ "scripts/app.module.ts", "scripts/main.ts" ], "exclude": [ "node_modules", "dist" ] }
rollup.ts
export default { entry: 'scripts/main.js', dest: 'build/app.js', // output single application bundle sourcemap: true, format: 'iife', context: 'this', plugins: [ noderesolve( { jsnext: true, module: true, } ), commonjs({ include: 'node_modules/**/**', }) , ] }
and webpack
plugins: [
//does type checking in separate process, webpack don't need wait. new forkcheckerplugin(), new extracttextplugin("styles/[name].css"), //varies distribution of ids smallest id length used ids. new webpack.optimize.occurenceorderplugin(true), //copy files , directories in webpack. copies project static assets. new copywebpackplugin([{ from: root('assets'), to: root('build/assets') }]), new webpack.optimize.dedupeplugin(), new webpack.optimize.uglifyjsplugin({sourcemap: true}), new webpack.contextreplacementplugin(/moment[\/\\]locale$/, /de|it/)
],
Comments
Post a Comment