前端之家收集整理的这篇文章主要介绍了
详解基于webpack2.x的vue2.x的多页面站点,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文介绍了基于webpack2.x的vue2.x的多页面站点,分享给大家,具体如下:
vue的多页面
依旧使用vue-cli
来初始化我们的项目
然后修改主要目录结构如下:
可以看到这里我们有4个单独的页面,分别是boys,goods,index,sotho
首先看boys文件夹中的代码:
index.html
<
Meta charset="utf-8">
vue3
这个是我们要单独生成的页面,最后也是生成index.html
index.vue
.boys {
background-color: red;
}
<div id="app" class="boys">
boys got many things.