前言vue-cli-service 暴露了 inspect 命令用於審查解析好的 webpack 配置,為方便檢視,可以將輸出重定向到乙個檔案:從vue-cli3.0 版本開始,取消了 build 和 config 資料夾,webpack相關的配置被隱藏了起來。要對 webpack 做個性化配置,需要在根目錄建立vue.config.js 檔案進行配置覆蓋。但是我們怎麼知道 vue-cli 內建了什麼樣的配置呢?vue-cli 官方提供了 inspect 命令 ——
我們也可以通過給 inspect 指令新增引數來檢視配置的一小部分,例如:
檢視 vue 的規則配置:
vue inspect --rule vue
檢視 html 的外掛程式配置vue inspect --plugin html
列出所有規則和外掛程式獲取幫助vue inspect --rules
vue inspect --plugins
我們還可以通過vue inspect --help
檢視 inspect 命令的所有可選引數及說明,按需獲取想檢視的配置項
vue inspect --help
usage: inspect [options]
[paths...]
inspect the webpack config in a project with vue-
cli-service
options:
--mode --rule inspect a specific module rule
--plugin inspect a specific plugin
--rules list all module rule names
--plugins list all plugin names
-v --verbose show full function definitions in output
-h,--help output usage information
vue cli3的打包並在本地檢視
1.vue cli3沒有vue.config.js檔案,在根目錄下建乙個vue.config.js檔案 3.vue cli3.3版本前的打包命令 vue cli3.3版本之後 我用3.3之前的命令打包一直報這種錯誤 後來用3.3版本之後那種命令打包成功 4.打包完成後的注意事項 打包後我們可以看到d...
vue cli 3學習要點
只整理了一下vue cli 3的基礎內容部分,其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架,或者直接通過 vue serve 構建新想法的原型,不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中,你也會被提示選擇喜歡的包管理器...
vue cli3建立專案
預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...