1.webpack.config.js中添加:
const path = require('path'); + const webpack = require('webpack'); const htmlwebpackplugin = require('html-webpack-plugin'); module.exports = { entry: { index: './src/index.js', another: './src/another-module.js' }, plugins: [ new htmlwebpackplugin({ title: 'code splitting' - }) + }), + new webpack.optimize.commonschunkplugin({ + name: 'common' // 指定公共 bundle 的名称。 + }) ], output: { filename: '[name].bundle.js', path: path.resolve(__dirname, 'dist') } };
2.然后就遇到了一个问题,还给出了一个解决方案,需要去查看文档中的插件章节
//optimization与plugins同级
optimization: {
splitchunks: {
cachegroups: {
commons: {
name: "commons",
chunks: "initial",
minchunks: 2
}
}
}
},
3.运行npm run build,如果有公共部分可得到common.bundle.js文件,如果没有则不会生成这个文件
如对本文有疑问, 点击进行留言回复!!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
网友评论