详解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修改输入和输出:
热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短