源碼時代WEB前端乾貨分享|帶你領略vue不同的風情

最近幾年，WEB前端愈來愈火，也誕生了很是多功能強大的框架，vue即是最近煊赫一時的一個框架，不只簡單快速上手快，並且功能很是豐富，能完成各類經常使用項目！

可是，不少coder對vue的瞭解都是’自動化’配置完畢的一個腳手架項目，其實vue項目也能夠自定義很是多東西。@vue/cli3.x的腳手架項目初始化是沒有vue項目配置文件的，由於官方想要讓新手對vue的上手更加快速！因此隱藏了此文件。好處是對新手更加友好，能夠不用關注那麼多繁雜的配置文件，缺點在於不少東西沒有辦法擴展和自定義。

若是想要深刻vue，vue項目配置文件則是咱們一定會研究的一個配置文件，下面，就讓咱們來看看怎麼自定義經常使用項目配置文件！

一．新建項目配置文件
@vue/cli 3.x爲了讓用戶體驗’零配置’，因此默認沒有配置文件，若是想要自定義配置，在項目根目錄新建vue.config.js，全部配置信息都寫在其中！

二．經常使用配置
publicPath
等效於webpack配置的output下的publicPath，設置部署的根路徑，若是想要修改webpack的publicPath，就在此配置文件中修改。

lintOnSave
是否啓用ESlint語法檢測（true|false），能夠在正式環境下關閉，常規開發若是想要關閉ESlint也可使用此方法，直接設置爲false便可關閉

productionSourceMap
若是你不須要生產環境的 source map，能夠將其設置爲 false 以加速生產環境構建。

devServer.proxy
反向代理（解決跨域問題），若是你的前端應用和後端 API 服務器沒有運行在同一個主機上，你須要在開發環境下將 API 請求代理到 API 服務器。這個問題能夠經過 vue.config.js 中的 devServer.proxy 選項來配置。

設置後，發送的請求都會被代理到虛擬服務器http://12.220.14.27:4152地址，保證發送請求的服務器（虛擬）和數據接口服務器是同一個IP和端口

parallel
是否爲 Babel 或 TypeScript 使用 thread-loader。該選項在系統的 CPU 有多於一個內核時自動啓用，僅做用於生產構建。

以上就是vue項目的一些經常使用自定義配置項，在默認項目不能知足咱們時，就可使用自定義配置！

Ps：完整vue.config.js配置參考文檔：
https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE