step1:在build文件夹下新建 webpack.dll.conf.js 文件(即和webpack.base.conf.js同级)
const path = require('path')
const webpack = require('webpack');
module.exports = {
output: {
filename: 'dll/[name].dll.js',
path: path.resolve(__dirname, '../static/js/'),
library: '[name]_library', // 当前Dll的所有内容都会存放在这个参数指定变量名的一个全局变量下,注意与DllPlugin的name参数保持一致
},
plugins: [
new webpack.DllPlugin({
path: path.resolve(__dirname, './manifest.json'), // 本Dll文件中各模块的索引,供DllReferencePlugin读取使用
name: '[name]_library',
}),
],
}
step2:在webpack.base.conf.js文件中配置
const webpack = require('webpack')
module.exports = {
entry: {
app: './src/main.js'
},
//.......
plugins: [
new webpack.DllReferencePlugin({
context: path.res