3-8 由浅入深 webpack - 代码分割和懒加载（2）
来源：3-8 由浅入深 webpack - 代码分割和懒加载（2）
小当丫
2018-01-04
var webpack = require('webpack')
var path = require('path')
module.exports = {
entry: {
'pageA': './src/pageA',
'pageB': './src/pageB',
'vendor': ['lodash']
},
output: {
path: path.resolve(__dirname, './dist'),
publicPath: './dist/',
filename: '[name].bundle.js',
chunkFilename: '[name].chunk.js'
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: ['vendor', 'manifest'],
minChunks: Infinity
}),
new webpack.optimize.CommonsChunkPlugin({
async: 'async-common',
children: true,
minChunks: 2
})
]
}
index.html引入后报错
pageA.bundle.js:1 Uncaught ReferenceError: webpackJsonp is not defined
at pageA.bundle.js:1
2回答
-
慕斯卡8150754
2018-01-17
<script src="./dist/manifest.bundle.js"></script>
<script src="./dist/vendor.bundle.js"></script>
<script src="./dist/pageA.bundle.js"></script>
引入这三个文件才行，同步的代码，不会自己加载，需要自己引入
00 -
qbaty
2018-01-04
你的index.html 里引入了哪些js ？你如果分割了，不引用可不行啊
现在是因为demo 中的js 是手动引入的，所以如果分割出来了，必须手动把分割出来的代码加上
很麻烦，对吧？接着看，后面再介绍自动生成 html这一节中，使用 htmlwebpackplugin 就可以自动引入你分割出来的代码了
022018-01-17
相似问题