vue-cli3 multiple-pages 多页面打包实践实现1、添加模版文件如：/public/demo.html

实现

1、添加模版文件

在 public 文件夹里添加模版文件

如：/public/demo.html

模版文件也可以直接放置在pages下的文件夹里

如：src/pages/demo2/demo2.html

使用 vue-cli3 的 pages

2、创建 vue.config.js 文件

3、配置 pages 字段

  module.exports = {
    pages: {
      index: {
        entry: 'src/main.js',  // page 的入口
        template: 'public/index.html', // 模板来源
        filename: 'index.html', //  在 dist/index.html 的输出
      },
      demo: {
        entry: 'src/pages/demo/main.js',
        template: 'public/demo.html',
        filename: 'demo.html',
      },
      demo2: {
        entry: 'src/pages/demo2/main.js',
        template: 'src/pages/demo2/demo2.html',
        filename: 'demo2.html',
      },
    }
  }