vuejs / vue-cli Public

For a complete guide on migrating from v4 to v5, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html

Upcoming breaking changes in the next beta:

• As WebDriverIO's sync API has been deprecated and doesn't work in Node.js v16, we are going to remove @wdio/sync from the dependencies of @vue/cli-plugin-e2e-webdriverio. Please be prepared and migrate to the async API, or install the @wdio/sync package in the projects by yourselves.

💥 Breaking Changes

• @vue/cli-plugin-typescript, @vue/cli-plugin-unit-jest
  • #6627 feat: update jest to v27 (@cexbrayat)
• @vue/cli-plugin-eslint, @vue/cli-service, @vue/cli-test-utils
  • #6669 feat!: upgrade to webpack-dev-server v4 (@sodatea)
• @vue/cli-plugin-e2e-cypress
  • #6662 feat!: update cypress to 8.3 and require it to be a peer dependency (@sodatea)

🚀 New Features

• @vue/cli-plugin-babel, @vue/cli-plugin-eslint
  • #6663 feat: generate projects with transpileDependencies: true by default (@sodatea)
• @vue/cli-plugin-typescript, @vue/cli-plugin-unit-jest
  • #6627 feat: update jest to v27 (@cexbrayat)
• @vue/cli-plugin-eslint, @vue/cli-service, @vue/cli-test-utils
  • #6669 feat!: upgrade to webpack-dev-server v4 (@sodatea)
• @vue/cli-plugin-e2e-cypress
  • #6662 feat!: update cypress to 8.3 and require it to be a peer dependency (@sodatea)

🐛 Bug Fix

• @vue/cli-service
  • #6665 fix: avoid copy-webpack plugin errors in module mode (@sodatea)
  • #6645 fix(cli-service): wrong property name (typo) (@Vinsea)

📝 Documentation

• #6653 docs: recommend SFC playground and StackBlitz for instant prototyping (@sodatea)

🏠 Internal

• @vue/cli-plugin-pwa, @vue/cli-service
  • #6638 refactor: remove redundant Webpack version checks (@KubesDavid)
• @vue/cli-ui
  • #6635 fix(ui): stop depending on the watch package (@sodatea)

Committers: 4

• Cédric Exbrayat (@cexbrayat)
• David Kubeš (@KubesDavid)
• Haoqun Jiang (@sodatea)
• Vinsea (@Vinsea)

For a complete guide on migrating from v4 to v5, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html

Note on Future Betas

• We'll upgrade to jest 27 soon. Once it's done, jest will be required as a peer dependency of @vue/cli-plugin-unit-jest. You can add jest@26 to project dependencies now to avoid future breakages.

💥 Breaking Changes

• @vue/cli-plugin-webpack-4, @vue/cli-service
  • #6598 chore!: drop webpack-4 support in v5 (@sodatea)

🚀 New Features

• @vue/cli-plugin-unit-jest
  • #6625 feat(unit-jest): add jest as a peer dependency (@sodatea)
• @vue/cli-service
  • #6530 feat(cli-service): add support new image format avif (@muhamadamin1992)

🐛 Bug Fix

• @vue/cli-service
  • #6597 fix: mark sideEffects: true for styles in Vue components (@sodatea)
• @vue/cli-plugin-unit-mocha
  • #6560 fix(mocha): do not ignore JavaScript tests when TypeScript plugin is installed (@j-a-m-l)

📝 Documentation

• @vue/cli
  • #6589 Fix command description typo (@martiliones)

Committers: 4

• Haoqun Jiang (@sodatea)
• Juan (@j-a-m-l)
• Muhammadamin (@muhamadamin1992)
• martiliones (@martiliones)

For a complete guide on migrating from v4 to v5, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html

🚀 New Features

• @vue/cli-plugin-typescript, @vue/cli-service, @vue/cli-shared-utils, @vue/cli
  • #6411 feat: implement plugin execution order (@fangbinwei)

🐛 Bug Fix

• @vue/cli-plugin-pwa
  • #6518 fix(pwa): Replace closeTag parameter with voidTag for HtmlWebpackPlugin (@tcitworld)
• @vue/cli-service
  • #6506 fix(webpack): slash on publicPath: 'auto' (@tomicakr)
• @vue/cli-plugin-unit-mocha
  • #6478 fix(mocha): set mode to none to avoid DefinePlugin conflict (@sodatea)

📝 Documentation

• #6493 Fixed some minor typos (@Ashikpaul)
• #6487 update deployment.md (@andydodo)

🏠 Internal

• @vue/cli-service
  • #6519 chore: use scoped package names for aliases (@sodatea)

Committers: 6

• Andy Do (@andydodo)
• Ashik Paul (@Ashikpaul)
• Binwei Fang (@fangbinwei)
• Haoqun Jiang (@sodatea)
• Thomas Citharel (@tcitworld)
• tomica (@tomicakr)

🚀 New Features

• @vue/cli-service
  • #6472 Feature: add "tags" part to htmlWebpackPlugin (@TimmersThomas)
• @vue/cli-plugin-unit-mocha
  • #6471 feat: support webpack 5 in unit-mocha plugin (@sodatea)

💥 Breaking Changes

• @vue/cli-ui
  • #6443 fix!: keep project name validation rules in sync between UI and CLI (@sodatea)

🐛 Bug Fix

• @vue/cli-service
  • #6470 fix(SafariNomoduleFixPlugin): use RawSource instead of a plain object (@KaelWD)
• @vue/cli-plugin-typescript
  • #6456 fix(typescript): add missing dependencies and require.resolve compiler (@merceyz)
• @vue/cli-ui
  • #6443 fix!: keep project name validation rules in sync between UI and CLI (@sodatea)
• @vue/cli-plugin-unit-jest
  • #6454 fix: fix jest migrator dependency merging (@sodatea)

Committers: 4

• Haoqun Jiang (@sodatea)
• Kael (@KaelWD)
• Kristoffer K. (@merceyz)
• Thomas Timmers (@TimmersThomas)

For a complete guide on migrating from v4 to v5, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html

The following are the changes between 5.0.0-alpha.8 and 5.0.0-beta.0:

💥 Breaking Changes

• @vue/cli-ui-addon-webpack, @vue/cli-ui-addon-widgets, @vue/cli-ui
  • #6439 feat!: drop IE11 support in CLI UI (@sodatea)
• @vue/cli-plugin-webpack-4, @vue/cli-service
  • #6420 feat!: upgrade to css-minimizer-webpack-plugin v2 (@sodatea)
• @vue/cli-service
  • #6422 feat!: always inject safari-nomodule-fix as an external script; drop --no-unsafe-inline flag (@sodatea)
• @vue/cli-plugin-babel, @vue/cli-service, @vue/cli-ui
  • #6416 feat!: turn on modern mode by default, and provide a --no-module option (@sodatea)

🚀 New Features

• @vue/cli-plugin-typescript
  • #6428 feat(plugin-typescript): add all recommended tsconfig (@IndexXuan)
• @vue/cli-plugin-webpack-4, @vue/cli-service
  • #6420 feat!: upgrade to css-minimizer-webpack-plugin v2 (@sodatea)
• @vue/cli-service
  • #6422 feat!: always inject safari-nomodule-fix as an external script; drop --no-unsafe-inline flag (@sodatea)
  • #6285 feat(cli-service): provide jsconfig.json in no-ts template (@yoyo930021)
  • #5997 feat(cli-service): add inline loader support for html-webpack-plugin (@ylc395)
• @vue/babel-preset-app, @vue/cli-service
  • #6419 feat: only needs one bundle if all targets support es module (@sodatea)
• @vue/cli-plugin-babel, @vue/cli-service, @vue/cli-ui
  • #6416 feat!: turn on modern mode by default, and provide a --no-module option (@sodatea)
• @vue/cli-plugin-typescript, @vue/cli-service
  • #6405 feat: support vue.config.mjs (@sodatea)

🐛 Bug Fix

• @vue/cli-ui
  • #6440 fix(ui): fix publicPath documentation link (@jeffreyyjp)
• @vue/cli-service
  • #6437 fix: should not include IE11 target in Vue 3 projects (@sodatea)
  • #6402 fix(cli-service): respect the existing 'devtool' (@fangbinwei)
• @vue/cli-plugin-unit-jest
  • #6418 Show fallback message for typescript jest preset if ts-jest is not in… (@m0ksem)
• @vue/cli-plugin-unit-mocha
  • #6400 fix(mocha): workaround the SVGElement issue in Vue (@fangbinwei)

📝 Documentation

• #6438 docs: add modern mode changes to the migration guide (@sodatea)

Committers: 8

• Binwei Fang (@fangbinwei)
• Haoqun Jiang (@sodatea)
• IU (@yoyo930021)
• James George (@jamesgeorge007)
• Jeffrey Yang (@jeffreyyjp)
• Maksim Nedoshev (@m0ksem)
• PENG Rui (@IndexXuan)
• 叡山电车 (@ylc395)

🚀 New Features

• @vue/cli-plugin-babel, @vue/cli-service
  • #6354 feat: when transpileDependencies is set to true, transpile all dependencies in node_modules (@sodatea)
• @vue/cli-service
  • #6355 feat: a defineConfig API from @vue/cli-service for better typing support in vue.config.js (@sodatea)

💥 Breaking Changes

• @vue/cli-service
  • #6348 chore!: bump copy-webpack-plugin to v8 (@sodatea)
• @vue/cli-plugin-unit-jest
  • #6347 refactor!: move vue-jest and ts-jest to peer dependencies (@sodatea)

🐛 Bug Fix

• @vue/cli-service
  • #6372 fix: check hoisted postcss version (@sodatea)
  • #6366 fix(build): make demo-lib.html compatible with Vue 3 (@jeneser)

Committers: 4

• Haoqun Jiang (@sodatea)
• Péter Gaál (@petergaal91)
• Yazhe Wang (@jeneser)
• zoomdong (@fireairforce)

🐛 Bug Fix

• @vue/cli-service
  • #6343 fix: use cssnano v5.0.0-rc.1, work around a npm 6 hoisting bug (@sodatea)

Committers: 1

• Haoqun Jiang (@sodatea)

💥 Breaking Changes

• @vue/cli-plugin-unit-jest
  • #6335 chore!: update vue-jest to v4.x (@sodatea). With this update, custom blocks is supported in Jest. For more details, see https://github.com/vuejs/vue-jest/#supporting-custom-blocks
• @vue/cli-service
  • #6332 feat!: upgrade to css-loader 5; remove css.requireModuleExtension & css.modules options (@sodatea). For more guidance on migration, see https://next.cli.vuejs.org/migrations/migrate-from-v4.html#css-modules

🐛 Bug Fix

• @vue/cli-service
  • #6314 fix: fix build --dest option (@sodatea)

Committers: 2

• Haoqun Jiang (@sodatea)
• Tony Trinh (@tony19)