vue項目打包上線

vue項目開發完畢後，咱們須要將項目打包上線，同時咱們但願能夠在本地預覽生產環境項目。（如下以vue-cli腳手架生成的項目爲例）

發佈服務器

一、運行打包命令

npm run build
複製代碼

運行後生成dist文件夾,將dist文件夾發佈在服務器中，over搞定

本地預覽打包後的項目

運行打包命令後，能夠看到命令行提示如下信息 Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.

意思是說須要運行在服務器上，運行如下命令配置本地服務

npm install -g http-server // 該命令只需執行一次, 全局安裝
複製代碼

安裝完畢後，更改congif/index.js文件中build下的assetsPublicPath屬性值爲"./"(默認爲/)

好啦，雙擊index.html開啓本地預覽~

將config -> index.js 中的build下的productionSourceMap屬性值設爲false，打包後文件體積能夠減小百分之八十