最近幾年,web前端越來越火,也誕生了非常多功能強大的框架,vue便是最近炙手可熱的一個框架,不僅簡單快速上手快,而且功能非常豐富,能完成各種常用項目!
但是,很多coder對vue的了解都是’自動化’配置完畢的一個腳手架項目,其實vue項目也可以自定義非常多東西。@vue/cli3.x的腳手架項目初始化是沒有vue項目配置文件的,因為官方想要讓新手對vue的上手更加快速!所以隱藏了此文件。好處是對新手更加友好,可以不用關注那么多繁雜的配置文件,缺點在於很多東西沒有辦法擴展和自定義。
如果想要深入vue,vue項目配置文件則是我們必定會研究的一個配置文件,下面,就讓我們來看看怎么自定義常用項目配置文件!
一.新建項目配置文件
@vue/cli 3.x為了讓用戶體驗’0配置’,所以默認沒有配置文件,如果想要自定義配置,在項目根目錄新建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項目的一些常用自定義配置項,在默認項目不能滿足我們時,就可以使用自定義配置!