Skip to content

chore: upgrade vue-cli to v5, tailwind css to v3 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Jul 7, 2023

Conversation

EasonChiang7178
Copy link
Contributor

Task

升級 Vue Cli 至 v5 (底層 Webpack 升級至 v5),並同時升級 Tailwind CSS 至 v3

Changes

  • 升級 @vue/cli-service 至 v5.0.8
  • 升級 tailwindcss 至 v3.2.2
  • 追加 README.md 之 Prerequisites 區塊,提示開發環境為 Node v18 + NPM

其他微調

  • 重構 Vue3 即將淘汰的 ::v-deep:deep(child-selector) (doc: vue3 scoped-css)
  • 重新更名 Header.vue 元件名稱為 AppHeader.vue,避免與 HTML native <header /> 標籤做混淆 (ref: vue/no-reserved-component-names)
  • 因應 Webpack v5 支援,升級 eslint 至 v8.43.0
  • 移除 SVG 資料夾內沒有使用之 desktop.ini 檔案,避免 SVG Sprite Loader 背景噴錯
  • 因應 Webpack v5 支援,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

  • 更新改用 PNPM 套件管理工具
  • 更新 ESlint, Prettier, husky 等設定,對齊雲端千眼專案
  • 重構 Vue Cli 為 Vite

@tsengwoody tsengwoody merged commit 18f09db into main Jul 7, 2023
@EasonChiang7178 EasonChiang7178 deleted the chore/migrate-to-vue-cli-v5 branch July 7, 2023 01:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants