这个小城，步入冬天就立马变了颜色，还没来得及等我换件衣服就开演了。如何扮演好自己的角色，我还没想好，我不适合做主角，只能在配角方面下功夫，极力配合主角旦，生的表演。红红火火的演完这场戏，让北方的冬天刮目相看。
本文介绍了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 增加:
// match files
let glob = require('glob');
/**
* globPath 获取泛路径下的特定文件
*/
exports.getEntities = function (path) {
let entities = {};
glob.sync(path).forEach(function (entity) {
let moduleName = entity.split('/').slice(-2,-1);
entities[moduleName] = entity
});
// eg: { main: './src/module/index/main.js', test: './src/module/group/test/main.js' }
return entities;
};
webpack.base.conf.js 修改输入和输出:
module.exports = {
// 遍历获取入口文件
entry: utils.getEntities("./src/modules/**/main.js"),
...
plugins:[]
};
/***
* 生成 <module>/index.html
*/
let utils = require('./utils')
let pages = utils.getEntities("./src/modules/**/index.html");
for (let page in pages) {
let filename = "index.html";
if(page!=='index'){
filename = page+"/index.html";
}
module.exports.plugins.push(new HtmlWebpackPlugin({
filename: filename,
template: pages
12下一页阅读全文 到此这篇关于详解vue-cli多页面工程实践第1/2页就介绍到这了。只有依靠你自己和你自己的能力来保卫，才是最可靠的、 有把握的和持久的。更多相关详解vue-cli多页面工程实践第1/2页内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
以下您可能有感兴趣的文章:
为您推荐
-
-
-
vite+vue3.0+ts+element-plus快速搭建项目的如何实现
山有山的沉稳厚重，一年四季却能以不同的色彩风光展示山的美丽。活泼的有单调的一面，安静的有变换的色彩。静与动的搭配，单调与精彩的结合，也就组成了最美的风景。
12-31
-
-
vue自定义正在加载动画的例子
月亮的影子倒印在江面，宛如一个害羞的小姑娘，发出淡淡的光芒，桥上星星点点的路灯灯光，像一颗颗小星星，为人们照亮前方的道路，闭上眼睛，风夹带着蟋蟀的歌声，荡漾在路上。
12-28
