美文网首页
vue 多页面开发(应用)

vue 多页面开发(应用)

作者: lzy抠脚大汉 | 来源:发表于2018-03-15 18:50 被阅读0次

    总览:文件格式:

    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多页面开发教程。。。

    相关文章

      网友评论

          本文标题:vue 多页面开发(应用)

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