Question

我使用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']
    })
  );

Answer 1

您没有提到您使用的是TypeScript！

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

你可以跳过有关反应的部分，你可以只关注源地图的事情！您基本上错过了source-map-loader

中的tsconfig.json和配置

Webpack 2 CommonsChunkPlugin没有缩小

1 个答案: