Webpack没有正确生成外部源图

时间:2015-09-17 05:52:43

标签: javascript ecmascript-6 webpack uglifyjs source-maps

我有很多jsx,es6代码,我想编译,缩小我的所有东西。另外,我想为我的生产版本获取外部源地图

但我对webpack有一些问题 - 它会生成一个完美的内联源图,但外部并不好。它也会生成它们,但在我的浏览器(Chrome 45.0.2454.85)中,我看不到源图。我做错了什么?

这是我的webpack.config.js



var config = {
  watch: false,
  context: __dirname + '/src/app',
  entry: './app.jsx',
  devtool: 'cheap-source-map',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist',
    sourceMapFilename: 'bundle.js.map'
  },
  module: {
    loaders: [{
      test: /\.jsx$/,
      loader: 'babel'
    }, {
      test: /\.js/,
      exclude: /node_modules/,
      loader: 'babel'
    }],
    noParse: [
      'axios',
      'jquery',
      'js-cookie',
      'lodash',
      'react-bootstrap',
      'react-router',
      'reflux',
      'react-highcharts'
    ]
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),
    new CompressionPlugin({
      asset: '{file}.gz',
      algorithm: 'gzip',
      regExp: /\.js$|\.html$/,
      threshold: 10240,
      minRatio: 0.8
    })
  ]
};




0 个答案:

没有答案