vue 多页面开发(应用)

总览：文件格式：

image.png

一：修改build 文件夹下的webpack.base.conf.js 文件:
新增页面的js控制入口:

image.png

二：修改build 文件夹下的webpack.dev.conf.js 文件:

image.png

三：修改build 文件夹下的webpack.prod.conf.js 文件:

image.png

四：修改config 文件夹下的index.js文件:

image.png

五：新增html页面=>mobile.html

image.png

六：新增的main.js=>mobile/mobile.js

image.png

七：新增的app.vue=>mobile/mobile.vue

image.png

八：在新增的app.vue=>mobile/mobile.vue可以使用组件。

续：以后还会写一篇脚手架搭建的vue多页面开发教程。。。

推荐阅读更多精彩内容

• 你一定喜欢看的 Webpack 2.× 入门实战

  最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...

  My_Oh_My阅读 8,202评论 40赞 247
• webpack2.x项目搭建入门实践教程

  1. 新建一个文件夹,命名为 webpack-cli , webpack-cli 就是你的项目名,项目名建议使用小...

  鲁大师666阅读 1,499评论 1赞 3
• webpack教程

  无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅，特此分享以备自己日后查看，也希望更多的人看到...

  小小字符阅读 8,220评论 7赞 35
• 丰盛日记

  早上宝贝很给力，俩人一起赖床。 上午下午两个时间段都带宝贝们出去玩。 晚上看了会电影。

  华丽的美丽丽阅读 211评论 0赞 0
• js.Promise race

  Promise.race(iterable),iterable[]-->指多个Promise值 返回第一个被确认(...

  许道龙阅读 395评论 0赞 0