官方提供的项目生成工具vue-cli没有对多页面webApp的支持,但是在实际的项目中,我们需要这样的脚手架,参考了很多大牛的方法,这里提供了一种我的单页面脚手架转换为多页面脚手架的方案,供大家参考。不好的地方也请大家指正。
准备
使用vue-cli生成一个你需要的单页面项目脚手架,然后我们就要开始我们的改装工程了。
重构过程
步骤一 改变目录结构
step1 在src目录下面新建views文件夹,然后再views文件夹下新建index文件夹
step2 将src目录下的main.js和App.vue移动到step1中的index文件夹下,并将main.js重命名为index.js