.html多页页面引入vue.js怎么开发？

Question

之前一直用vue-cli脚手架开发单页面，现在有个多页面任务，愚弟有点不明白怎么开发。

login.html
index.html
about.html
newList.html
detail.html

像这种多页面来回跳的，难道每个文件都得引vue.js，每个都得实例化一次vue吗，像这样的vuex什么的可以用吗

Answer 1

多页面的话，每个页面都是独立且完整的环境，所以都要引入并实例化全部框架代码。如果不想这样做就要用 vue-router 这样的库实现单页应用。

Answer 2

vue.config里可以配置多页面应用

module.exports = {
  // publicPath: process.env.NODE_ENV === 'production'
  //   ? 'https://dev-cdp.cn-siit.com/'
  //   : '', // http://bri-e.cn-siit.com/cdp/#/tags-manage 用 /cdp/dist/
  publicPath: './',
  outputDir: 'dist',
  assetsDir: '',
  pages: {
    index: {
      // page 的入口
      entry: 'src/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      filename: 'index.html', // ../../../module/dmp/views/dmp/index_cdp.twig index.html
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: 'Index Page',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
    home: {
      // page 的入口
      entry: 'src/home/main.js',
      // 模板来源
      template: 'public/home.html',
      // 在 dist/index.html 的输出
      filename: 'home.html', // ../../../module/dmp/views/dmp/index_home.twig home.html
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: 'dashboard Page',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      chunks: ['chunk-vendors', 'chunk-common', 'home']
    }
  }
  }