chore: upgrade vue-cli to v5, tailwind css to v3 #2
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Task
升級 Vue Cli 至 v5 (底層 Webpack 升級至 v5),並同時升級 Tailwind CSS 至 v3
Changes
@vue/cli-service
至 v5.0.8tailwindcss
至 v3.2.2README.md
之 Prerequisites 區塊,提示開發環境為 Node v18 + NPM其他微調
::v-deep
為:deep(child-selector)
(doc: vue3 scoped-css)Header.vue
元件名稱為AppHeader.vue
,避免與 HTML native<header />
標籤做混淆 (ref: vue/no-reserved-component-names)eslint
至 v8.43.0desktop.ini
檔案,避免 SVG Sprite Loader 背景噴錯svg-sprite-loader
套件 webpack loader 設定追加指名以 javascript 匯入 (ref: svg sprite loader issue)@vue/compiler-sfc
套件,此套件在 vue@~3.2.13 以上也可以直接從vue
主套件內部取得 (doc)Notes
marked
套件在 v5 開始有明確指名需要 Node v18+,所以開發環境需要統一切到 v18 版呦TODOs