create-react-app 中分离怎么修改入口配置来分离js

Question

entry: {
  [require.resolve('./polyfills'), paths.appIndexJs],
}

这个是create-react-app默认的入口配置，我现在想要把公用的js分离出来，
如果用：webpack.optimize.CommonsChunkPlugin；
我该怎么修改呢;

或者是其他的方法？

Answer 1

公用的js分离出来的前提是你要做code splitting，不然何来公共一说。这里我假设你的代码里已经通过require.ensure或其他方式实现了页面js的异步加载，你需要做的是在webpack配置文件中增加如下配置：

module.exports = { 
    output : {
        ......
        chunkFilename: 'static/js/[name].chunk.js',
        ......
        }
     plugins: [
        new webpack.optimize.CommonsChunkPlugin('common'，'static/js/common.js')   
        ......
        ]                                                             

chunkFilename配置每一个拆分出来的js chunk文件的名字，common.js是这些拆分chunk文件中通用的代码。

Answer 2

遇到同样的问题，请问你问题解决了吗？