博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于vue-cli的多页面应用脚手架
阅读量:7164 次
发布时间:2019-06-29

本文共 891 字,大约阅读时间需要 2 分钟。

前言

&

目前vue-cli生成的配置都是做多页面的,然而,我们有时也会有多页面的需求。

同时,之前借用的多页面例子貌似作者不再维护了,导致webpack升级到webpack2就无法使用了,所以我就参考这个例子自己弄了个多页面脚手架,会不定期维护的。

代码地址:

有什么问题可以在issues上提,欢迎star

下载&使用

git clone https://github.com/JayZangwill/vue-multipagecd vue-multipagenpm 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

  1. 目前公用css还无法分离
  2. 开发模式需要手动输入url打开页面,不能直接打开。

同时也欢迎提代码pull来帮助我解决bug

转载于:https://www.cnblogs.com/jayzangwill/p/8544117.html

你可能感兴趣的文章