VUE自定義項目配置文件


最近幾年,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項目的一些常用自定義配置項,在默認項目不能滿足我們時,就可以使用自定義配置!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM