2月11日-vue-cli(5). 创建多页面应用

Profile Picture
- Published on Feb 11, 2020🌏 Public

制作多页面应用

通过改动vue.config.js文件,可以设定多个页面。

每个页面,都可以设定自己的html文件和入口js。

module.exports = {
  //配置多页面
  pages:{
    channel:{
      entry:'src/main.js',// 入口js文件,必须填写
      //template:'public/channel.html',//使用的HTML文件,没填写的情况下,public/channel.html,没有找到回去使用public/index.html
      //filename:'channel2.html'//打包的dist文件夹中,页面文件名是什么,没填写是channel.html
    },
    index:{
      entry:'src/main.js',// 入口js文件,必须填写
    }
  }
}

多页应用,存在一个很严重的弊端,就是要去新增页面或者修改页面配置的时候,必须要去修改配置文件并且重新启动项目才会生效。效率很低。

优势,可以实现多个页面最终打包时,打包成独立页面。