1 module.exports = { 2 entry: { 3 app:'.src/main.js', 4 admin:'./src/admin-main.js' 5 } 6 }
在多数情况下,程序入口只有一个,就是main.js。但是如果用户使用的是.../index这个网址,而后台提供给登录用户的是.../admin
就需要多入口了
1.在build/webpack.base.conf.js配置文件中的entry配置属性上加上新的入口文件,如上代码
2.在build/webpack.dev.config.js文件的plugins配置项内多配置一个HTMLWebpackPlugin插件,用于生成admin.html入口页
具体请看
1 plugins: [ 2 new HTMLWebpackPlugin({ 3 filename:process.env.NODE_ENV === 'testing' 4 ? 'index.html' 5 :config.build.index, 6 template: 'index.html', 7 chunks:['app'], 8 inject:true, 9 minify: { 10 removeComments:true, 11 collapseWhitespace:true, 12 removeAttributeQuotes: true 13 }, 14 chunksSortMode: 'dependency' 15 }) 16 //这是新增项,用于匹配注入admin.js的输出脚本 17 new HTMLWebpackPlugin({ 18 filename:process.env.NODE_ENV === 'testing' 19 ? 'admin.html' 20 :config.build.admin, 21 template: 'index.html', 22 chunks:['admin'], 23 inject:true, 24 minify: { 25 removeComments:true, 26 collapseWhitespace:true, 27 removeAttributeQuotes: true 28 }, 29 chunksSortMode: 'dependency' 30 }) 31 32 ]