详解基于webpack2.x的vue2.x的多页面站点

前端之家收集整理的这篇文章主要介绍了详解基于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; }

猜你在找的Vue相关文章