使用vue-cli+webpack搭建多页面应用

2017-09-22  本文已影响0人  王波_d9a3

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中添加如下代码

这样就可以实现多页面了。

上一篇下一篇

猜你喜欢

热点阅读