VUE 多頁面配置(一)

1. 概述

1.1 說明

　　項目開發過程中會遇到需要多個主頁展示情況，故在vue單頁面的基礎上進行配置多頁面開發以滿足此需求。

 2. 實例

2.1 頁面配置

2.1.1 默認首頁

　　使用vue腳手架搭建后的首頁信息：index.html，app.vue，main.js

2.1.2 測試首頁

　　單獨創建的首頁信息：home.html ，home.vue，home.js

2.1.3 頁面展示

2.2 webpack配置

2.2.1 webpack基礎配置：webpack.base.conf.js

　　增加入口時需要寫入需要增加的文件的正確路徑

　　

2.2.2 webpack開發環境配置：webpack.dev.conf.js

　　新增對應的頁面html打包(HtmlWebpackPlugin)

　　

2.2.2 webpack生產環境配置：index.js與webpack.prod.conf.js

　　*** config>index.js進行打包基礎配置

　　

　　*** build>webpack.prod.conf.js 進行打包配置

　　

 

　　注意：打包后可安裝http-server進行訪問打包好的文件dist：http-server ./dist ；若沒有安裝依賴可使用命令安裝： npm install http-server -g