美文网首页
多页面开发

多页面开发

作者: 未来在奋斗 | 来源:发表于2020-01-06 09:17 被阅读0次

实现多页面

  1. 在 public 目录下创建不同的 html 即可。
  2. 在 src 下面创建一个 pages 目录。然后在 pages 目录中创建不同的 页面 入口文件
  3. 需要配置 vue.config.js 中的 pages 选项

vue.config.js

module.exports = {
  pages: {
    // key: value
    // key - 页面
    // value - 这个页面的入口js文件
    index: {
      entry: './src/pages/index/main.js',
      template: './public/index.html'
    },
    about: {
      entry: './src/pages/about/main.js',
      template: './public/about.html'
    }
  }
}

相关文章

  • vue多页应用

    vue如何将单页面改造成多页面应用 vue单页多页的开发环境配置+vue的开发思路

  • webpack 多页面开发

    这里使用的是webpc使用的原因是因为他支持如下功能了不需要我们在从头配置webpack ## 目前已支持的功能 ...

  • web系统方案探究

    当需要开发一个管理端系统,你会考虑什么技术选型了? 单页面or多页面 单页面应用,或者是多页面应用? 单页面渲染速...

  • vue 多页面开发(应用)

    总览:文件格式: 一:修改build 文件夹下的webpack.base.conf.js 文件:新增页面的js控制...

  • vue小记

    1.vuwe不仅可以使用单页面开发也可以进行多页面开发2.单页面应用即只有一个html文件,切换界面通过切换组件实...

  • Webpack之“多页面开发”配置

    ​ 目前在负责公司的一个前端项目,现有的版本是基于Ext.js框架进行搭建,但Ext.js显得过重,而且构建后...

  • git commit规范

    建议:多commit,每开发/修改一个功能(页面)commit一次,如果一次提交多个功能和页面,描述要多写 格式 ...

  • vue项目开发需要用到的东西(spa)

    注: spa是单页面应用,就是通过路由跳转切换页面,vue默认是这样的,如果需要开发多页面应用如官网之类的网站需要...

  • iOS 多textField页面(tableview)布局,利用

    相信好多小伙伴都有遇到开发多textField页面的时候,就是一个页面有多个textField,例如下图这样: 这...

  • android商品详情页开发

    像商品详情这样的页面,功能多,页面繁杂,特别是对页面逻辑也不少,所以我觉得有必要记录一下开发商品详情页面踩过的坑。...

网友评论

      本文标题:多页面开发

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