對vue cli配置簡單的心得

2022-07-06 19:21:10 字數 882 閱讀 8279

vue-cli相當於webpack快速版使用

目前使用vue-cli3版本之前是可以看到webpack配置檔案的,所以如果使用vue-cli2是可以直接在配置檔案上更改去滿足你的需求;

而vue-cli3版本或者之後是隱藏起來的,(如果剛開始建立專案時沒自定義配置)可以手動在根目錄建立乙個vue.config.js檔案裡面更改webpack配置;(也可以在開始vue-cli建立時自定義配置)

1.vue-cli相當於webpack進行過一次封裝,所以在修改的時候按照vue-cli配置文件上改名字

例如:webpack的更改出口檔案:

output:

vue-cli快速構建:

outputdir:'bundle'            //outputdir在vue-cli的配置文件可檢視

2.如果文件裡配置沒滿足你的需求的話,通過文件中configurewebpack屬性來編寫原生webpack配置

vue-cli使用:在新建的vue.config.js裡引入webpack: 

重新打包後:

可以看出更改外掛程式資訊生效,剩下的就是對webpack文件及vue-cli文件得熟悉程度了

vue cli的webpack模版專案配置解析

var chalk require chalk 定製終端字串的顏色輸出樣式 var semver require semver 語義化版本控制規範 var packageconfig require package.json var shell require shelljs 呼叫系統命令 呼叫子執...

PHP的配置心得

經過幾個小時的努力終於配置好了php的基本環境,邁出了學習php的第一步。昨晚看書第一次發現php竟然也能支援物件導向程式設計,真是不錯。早上來配置環境,由於我以前就裝上了apache所以直接裝上了mysql,傻瓜式安裝,很簡單。然後把我以前的php 4.2.1解壓到c盤重新命名為php資料夾,開始...

vue cli對axios的二次封裝

一.首頁在src目錄下建立兩個資料夾 分別為utils和api 二.分別在資料夾下新建兩個檔案 request.js用來封裝axios,login.js用於封裝api 三.直接上 學會自己理解 1.request.js完整 放在utils目錄下 import axios from axios 建立乙...