详解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修改输入和输出:
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语