详解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修改输入和输出: