前言
目前vue-cli生成的配置都是做多页面的,然而,我们有时也会有多页面的需求。 同时,之前借用的这个多页面例子貌似作者不再维护了,导致webpack升级到webpack2就无法使用了,所以我就参考这个例子自己弄了个多页面脚手架,会不定期维护的。
代码地址:https://github.com/JayZangwill/vue-multipage 有什么问题可以在issues上提,欢迎star
下载&使用
git clone https://github.com/JayZangwill/vue-multipage
cd vue-multipage
npm i
//开发模式(运行完后要在浏览器输入http://localhost:8081/module/index)
npm run dev
//生产模式
npmrun build
复制代码
目录结构
vue-multipage
|---build
|---config
|---src
|---assets
|---components 组件
|---HelloWorld.vue
|---other.vue
|---module多页面模块
|---index
|---index.html
|---index.js
|---App.vue
|---other
|---index.html
|---other.js
|---App.vue
复制代码
说明
如需添加页面需要在module目录下新建文件夹,然后文件夹里必须包括.hmtl,.js,.vue
文件作为入口文件。
运行npm run dev
命令后,需要在浏览器输入http://localhost:8081/module/+module下目录文件夹名/+文件夹名里的html文件
已知bug
- 目前公用css还无法分离
- 开发模式需要手动输入url打开页面,不能直接打开。
同时也欢迎提代码pull来帮助我解决bug