详解vue-cli多页面工程实践第1/2页
本文介绍了vue-cli多页面工程实践,分享给大家,具体如下:
src目录结构
因为是自定义的设置,src下的目录结构需要固定,约定大于配置嘛。
src目录结构:
src/ components/ modules/#多页面 index/#index单页面 index.html main.js#入口文件 page1/ index.html main.js group/ page2/ index.html main.js
build中的配置
utils.js增加:
//matchfiles letglob=require('glob'); /** *globPath获取泛路径下的特定文件 */ exports.getEntities=function(path){ letentities={}; glob.sync(path).forEach(function(entity){ letmoduleName=entity.split('/').slice(-2,-1); entities[moduleName]=entity }); //eg:{main:'./src/module/index/main.js',test:'./src/module/group/test/main.js'} returnentities; };
webpack.base.conf.js修改输入和输出: