Vue CLI3+多入口页面和全局scss配置

      Vue CLI升级至Vue CLI3+后，目录结构不同于Vue CLI2+，所以是没有config文件的。

      So，在根目录下新建vue.config.js文件，不需要对vue.config.js做其他操作，根目录下的这个文件会被@vue/cli-service自动加载，具体的可参考 官网VueCLI全局配置

module.exports = {

   publicPath:'./', // 默认'/'，部署应用包时的基本 URL, baseUrl 从Vue CLI3.3起已经弃用了

  outputDir: 'dist', // 生产打包时生成的文件名

  productionSourceMap: false, // 生产环境的 source map

  devSever: {

   // 支持所有的webpack-dev-sever选项

  },

  pages: { // 多入口配置

    index: {  // 首页 

      entry: 'src/main.js',  // 入口页面，entry为不可选配置，其他都是可选的

      template: 'public/index.html', // HTML文件路径

      filename: 'index.html',  // 输出文件名（dist/index.html）

      title: 'Index Page',    // 当使用title时，template标签需要是

    // 在这个页面中包含的快，默认情况下会包括，提取出来的通用chunk和vendor chunk

     chunks: ['chunk-vendors', 'chunk-common', 'index'], 

      // 当使用只有入口的字符串格式时， 模板会被推导为’public/subpage.html,并且如何找不到的话，

     // 就回退到‘public/index.html,并且输出文件名会被推导为 ’subpage.html‘

      // subpage: 'src/subpage/main.js'

    },

  ....

  },

 // 顺带说下如何配置全局样式（如：sass/scss），这些都是常用的

  css: {
    loaderOptions: {

        sass: {

           data: `@import "@/assets/scss/common.scss;"`  // assets是src目录下的, ``：是反引号不要写成英文单引号

       }

    }

 }

}