解决方法
不管您有多少入口点,您应该有一个单独的文件供您的供应商文件,如框架(反应,角度,whatevs)和任何你总是需要但很少会改变的库.你希望这些作为一个单独的包,所以你可以缓存它.应该总是加载该包.包含在该包中的任何东西将始终可用,但是如果将其与commonChunksPlugin一起使用,则不会在块中重复.
以下是我完成的应用程序示例(仅显示相关的配置选项)：
- module.exports = {
- entry: {
- client: 'client',vendor: [
- 'react','react-addons-shallow-compare','react-addons-transition-group','react-dom','whatwg-fetch'
- ]
- },output: {
- path: `${__dirname}/dist`,filename: '[name].js',publicPath: '/build/'
- },plugins: [
- new webpack.optimize.CommonsChunkPlugin({
- names: ['vendor','manifest']
- })
- ]
- }
