Plan for Vue CLI v5
See original GitHub issue- Development branch: dev, and will be merged to next on each pre-release.
- Documentation: https://next.cli.vuejs.org/migrations/migrate-from-v4.html
Here are the rough ideas:
Major Dependency Upgrades
- Webpack 5 (also allows to opt-out to webpack 4), https://github.com/vuejs/vue-cli/pull/6060
- HTML Webpack Plugin 4
- Cypress 6, would be a peer dependency
- Workbox 6
- Jest 26
- Mocha 8
- ESLint 7
- Other necessary major dependency version bumps, including various webpack loaders and plugins
Planned New Features
- Performance
- Now that we use webpack 5 by default, we can utilize its persistent cache to have a better compilation performance.
- Predicatibility
AThe--transpile-all
CLI flag to includenode_modules
for transpiration, as a fail-safe for thetranspileDependencies
option.transpileDependencies
option can be set totrue
to transpile all dependencies innode_modules
. It should be the recommended way to build your app, especially when you are using webpack 5, as the compilation overhead should be tolerable with the persistent cache.
- Modern mode
- Enabled by default, with additional
modern-only
andno-modern
CLI options - A separate
polyfills
chunk by default - Better
browserslist
integration. For example,safari-no-module-fix
can be dropped whenbrowserslist
config does not target those buggy browsers.
- Enabled by default, with additional
- Configuration
- Async config loading
Changed Behaviors
-
vue serve/build
will be an alias ofnpm run serve/build
. If an entry is designated and nopackage.json
found, it’ll prompt to usevite
(Vue 3) orparcel
(Vue 2) for instant prototyping instead.
Dropped Features
- Drop support of Node.js 8, 11, 13
- Drop support of TSLint
- Drop support of
node-sass
- Drop support of extension-less Vue SFC imports
- Do not allow creating projects with uppercase names even in Vue CLI UI.
Other Breaking Changes Under Consideration
Issue Analytics
- State:
- Created 3 years ago
- Reactions:132
- Comments:114 (35 by maintainers)
Top Results From Across the Web
Configuration Reference | Vue CLI
The directory where the production build files will be generated in when running vue-cli-service build . Note the target directory contents will ...
Read more >What's new in Vue CLI 5.0? - Ninja Squad
What's new in Vue CLI 5.0? ... It's a notable release, as it will probably be the last major version, as Vue CLI...
Read more >I cannot npm install with just created vue2 + vuetify proj
As you are seemingly on an old version of npm (<=6.x) you need to install the peer dependency yourself: npm i -D @vue/cli-service@5.0.0....
Read more >Install Vue.js directly on Windows | Microsoft Learn
Vue CLI is a globally installed npm package that handles some of the build complexities (like using Babel or Webpack) for you. If...
Read more >Ionic Vue Overview | Vue.js Framework Documentation
Ionic Vue projects ship with the same tooling as regular Vue CLI projects. Meaning you'll be building with the Vue CLI and all...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
If possible, please update
postcss-loader
dependency to4.0.4
from3.0.0
to add compatibility with Postcss 8/Tailwind 2.0.Yeah, I’m working on that.