vue-cli3.0 多頁面和單頁面的配置以及相互之間的切換

　　在vue-cli3.0的腳手架中，創建了項目之后，很多配置都是都是已經生成了的，比如入口文件entry，和 output 等等都是已經設置好的，如果想要改動的話，我們需要添加 vue.config.js 去修改，在這里邊官方提供了 publicPath 用來設置打包之后我們引入文件的路徑，這里不支持相對路徑，只能設置成覺得的路徑，比如我們設置 publicPath: '/demo'；那么我們打包之后的文件在 index.html 中去加載 css 的時候就是 link='/demo/css'；還提供了 outputDir 來設置打包之后文件存放在哪里，默認的是放在 dist 下邊的，這里我們也是可以去修改的；assetsDir 用來設置 css/js/img 等靜態資源的存放位置

　　如果我們要修改單頁面應用的入口文件可以在 vue.config.js 中的 進行處理

// vue.config.js

module.exports = {
    configureWebapck: config => {
         config.entry.app = './src/index/main.js'   
    }    
}

　　如果我們要配置成多頁面的應用的話只需要：

// vue.config.js

module.exports = {
    pages: {
       index: {
          entry: './src/index/main.js',
          template: './public/index.html',
          filename: 'index.html' 
       } ,
       sec: {
         entry: './src/sec/main.js',
         template: './public/index.html',
         filename: 'sec.html'
       }  
   }
}

　　如果想進行單頁面和多頁面的切換的話就只需要來修改 vue.config.js 的配置就可以了