美文网首页
使用vue-cli+webpack搭建多页面应用

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

作者: 王波_d9a3 | 来源:发表于2017-09-22 11:34 被阅读0次

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

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

    相关文章

      网友评论

          本文标题:使用vue-cli+webpack搭建多页面应用

          本文链接:https://www.haomeiwen.com/subject/wkaxextx.html