javascript - SourceMapDevToolPlugin is working wierdly in webpack. It doesn't take over the devtool job -


when set both devtool:'source-map' , apply sourcemapdevtoolplugin , sourcemapdevtoolplugin doesn't take on devtool options , produce 2 different source maps.

the webpack.config.js:

const path = require('path'); const webpack = require('webpack'); const cleanwebpackplugin = require('clean-webpack-plugin'); const htmlwebpackplugin =  require('html-webpack-plugin');  var config = {     context: path.resolve( __dirname, 'src'),     entry:{         test1: 'test.js'     },     output: {         filename: 'js/[name].js?=[chunkhash]',         path: path.resolve( __dirname, 'dist'),         devtoolmodulefilenametemplate: '[absolute-resource-path]',         sourcemapfilename: 'srcmap/[file].map'     },     module: {         rules: [             {                 test: /\.jsx?$/,                 exclude: /node_modules/,                 use: [                     {                         loader: "babel-loader",                         options: {                             presets: ['es2015']                         }                     }                 ]             },             {                 test: /\.html$/,                 use: [ 'html-loader' ]             }         ]     },     plugins: [         new webpack.defineplugin({             'process.env': {                 node_env: json.stringify('production')             }         }),         new htmlwebpackplugin({             filename: 'html/index.html',             template: 'testsourcemap.html',             minify: {                 minifyjs: true,                 removecomments: true,                 sortattributes: true,             },             hash: false,             chunks: ['test1'],         }),         new webpack.optimize.uglifyjsplugin({             test: /\.js$/,             sourcemap: true,             uglifyoptions: {                 ie8: false,                 mangle: true,                 output: {                     comments: false,                     beautify: false,                 },                 compress: true,                 warnings: false             },             parallel: {                 cache: true,             }         }),         new webpack.sourcemapdevtoolplugin({              filename: 'srcmapplugin/[file].map',              include: ['js/test1.js'],              append: '\n//#sourcemappingurl=http://192.168.32.5:8080/[url]',              modulefilenametemplate:'[absolute-resource-path]',          }),         new cleanwebpackplugin([ 'dist/js', 'dist/srcmap', 'dist/srcmapplugin']),     ],     resolve: {         modules: ['src', "node_modules" ]     },     //devtool: process.env.node_env === 'production' ? 'source-map' :'cheap-module-eval-source-map'     devtool: 'source-map', };  console.log('now, node_env:', process.env.node_env); module.exports = config;

and package.json:

{   "name": "srcmapplugin",   "version": "1.0.0",   "description": "",   "main": "index.js",   "scripts": {     "test": "echo \"error: no test specified\" && exit 1",     "v": ".\\node_modules\\.bin\\webpack -version",     "cd": ".\\node_modules\\.bin\\webpack  --optimize-minimize",     "cp": "cross-env node_env=production platform=web .\\node_modules\\.bin\\webpack --optimize-minimize"   },   "author": "",   "license": "isc",   "devdependencies": {     "babel": "^6.23.0",     "babel-core": "^6.26.0",     "babel-loader": "^7.1.2",     "babel-preset-env": "^1.6.0",     "babel-preset-es2015": "^6.24.1",     "clean-webpack-plugin": "^0.1.16",     "cross-env": "^5.0.5",     "html-loader": "^0.5.1",     "html-webpack-plugin": "^2.30.1",     "webpack": "^2.7.0"   } }

after run command "npm run cp". 2 source map files in /dist/srcmap , /dist/srcmapplugin directories. furthermore doesn't work when browser html page. however, when delete "new webpack.sourcemapdevtoolplugin( { ... } ) " configuration. source map correctly working good!

how can devtool options , sourcemapdevtoolplugin options in webpack.config.js both produce source maps separately , result in broken source map ?

i suppose sourcemapdevtoolplugin overwrites options source map , produce 1 source map per js file.

the sample project in https://github.com/yincu/srcmapplugin.git

======================

i searched in google. tell me use either devtool or sourcemapdevtoolplugin. when use sourcemapdevtoolplugin, webpack still doesn't produce js source map, produces css source maps.


Comments

Post a Comment

Popular posts from this blog

python - Operations inside variables -

this question has answer here: evaluating mathematical expression in string 12 answers i want make python script finds maximum possible output using 2 operations. problem says there syntax error @ 2nd last line, in b in there. how can fix it? x = 0 = int(input("1st number:")) c = int(input("2nd number:" )) e = int(input("3rd number:" )) in range(4): if == 0: b = "+" elif == 1: b = "-" elif == 2: b = "/" else: b = "*" j in range(4): if j == 0: d = "+" elif j == 1: d = "-" elif j == 2: d = "/" else: d = "*" k = b c d e print(k) if you're after variables e on single line, couldn...
Read more

Generic Map Parameter java -

i having lot of methods of type: public static list<eduusers> getdetails(class c, map<string, integer> params) { list<eduusers> details = null; session session = hibernateutil.getsessionfactory().opensession(); transaction tx = null; try { tx = session.begintransaction(); criteria cr = session.createcriteria(c); (map.entry<string, integer> entry : params.entryset()) { cr.add(restrictions.eq(entry.getkey(), entry.getvalue())); } details = cr.list(); tx.commit(); } catch (exception asd) { log.debug(asd.getmessage()); if (tx != null) { tx.commit(); } } { session.close(); } return details; } i trying have generic method them , have written far: public static <t> list<t> getdetails(class<t> c, class<t> b) { l...
Read more

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -

what arrayindexoutofboundsexception mean , how rid of it? here code sample triggers exception: string[] name = {"tom", "dick", "harry"}; for(int = 0; i<=name.length; i++) { system.out.print(name[i] +'\n'); } your first port of call should documentation explains reasonably clearly: thrown indicate array has been accessed illegal index. index either negative or greater or equal size of array. so example: int[] array = new int[5]; int boom = array[10]; // throws exception as how avoid it... um, don't that. careful array indexes. one problem people run thinking arrays 1-indexed, e.g. int[] array = new int[5]; // ... populate array here ... (int index = 1; index <= array.length; index++) { system.out.println(array[index]); } that miss out first element (index 0) , throw exception when index 5. valid indexes here 0-4 inclusive. correct, idiomatic for statement here be: for (int index = 0; index <...
Read more