vue cli3檢視webpack預設配置

前言

從vue-cli3.0 版本開始，取消了 build 和 config 資料夾，webpack相關的配置被隱藏了起來。要對 webpack 做個性化配置，需要在根目錄建立vue.config.js 檔案進行配置覆蓋。但是我們怎麼知道 vue-cli 內建了什麼樣的配置呢？vue-cli 官方提供了 inspect 命令 ——

我們也可以通過給 inspect 指令新增引數來檢視配置的一小部分，例如：

檢視 vue 的規則配置：

vue inspect --rule vue

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...