Webpack 2 CommonsChunkPlugin 未缩小答案

【问题标题】：Webpack 2 CommonsChunkPlugin not minifiedWebpack 2 CommonsChunkPlugin 未缩小
【发布时间】：2017-06-19 14:35:12
【问题描述】：

我正在使用 CommonsChunkPlugin 让我的供应商和 polyfills 文件与我的所有模块共享。我相信我的供应商模块中有一个错误。如何确保我的供应商文件不会被缩小？所以，我可以在里面调试。非常感谢。

  var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;

  config.entry = {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts' // our angular app
  };

  config.output = {
    path: root('dist'),
    publicPath: isProd ? '/wwwroot/' : 'http://localhost:8080/',
    filename: isProd ? 'js/[name].[hash].js' : 'js/[name].js',
    chunkFilename: isProd ? '[id].[hash].chunk.js' : '[id].chunk.js'
  };

  config.plugins.push(
    new CommonsChunkPlugin({
      name: ['vendor', 'polyfills']
    })
  );

【问题讨论】：

您可以为此目的使用源地图
我改变了我的 sorcemaps，但它没有改变任何东西。 if (isProd) { // config.devtool = 'source-map'; config.devtool = 'eval-source-map'; } else { config.devtool = 'eval-source-map'; }
@Ematipico 你有其他想法吗？

标签： webpack webpack-2 chunks

【解决方案1】：

你没有提到你在使用 TypeScript！

看，这里有一整篇关于 React & Webpack 的文章，官方文档：https://www.typescriptlang.org/docs/handbook/react-&-webpack.html

你可以跳过关于反应的部分，你可以只关注源地图的事情！您基本上缺少source-map-loader 和tsconfig.json 中的配置

【讨论】：