vue-cli webpack3扩展多模块打包

在实际的项目开发中会出现这样的场景,项目中需要多个模块(单页或者多页应用)配合使用的情况,而vue-cli默认只提供了单入口打包,所以就想到对vue-cli进行扩展

实现

首先得知道webpack是提供了多入口打包,那就可以从这里开始改造

新建build/entry.js

1 const path = require('path') 2 const fs = require('fs') 3 4 const moduleDir = path.resolve(__dirname, '../src/modules') 5 6 let entryObj = {} 7 8 let moduleItems = fs.readdirSync(moduleDir) 9 10 moduleItems.forEach(item => { 11 entryObj[`${item}`] = `./src/modules/${item}/main.js` 12 }) 13 14 module.exports = entryObj

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpsdyy.html