1:首先你要搭建起vue-cli的单页面应用(这是前提)
2:创建好要生成新页面的html,vue,js等文件,下面是我的文件目录
3:接下就是开始配置webpack文件了
配置:\build\webpack.base.conf.js
找到entry:添加多个入口文件
添加入口文件配置:\build\webpack.dev.conf.js
找到module.exports那里找到plugins:如下图
配置:/config/index.js文件
找到build然后添加如下代码:
配置:/build/webpack.prod.conf.js
找到如下图的位置进行修改
编写one.js的代码
编写one.vue的代码
编写one.html的代码
最后进行测试:在app.vue中添加如下代码
这样就可以实现多页面了。
网友评论