question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Plan for Vue CLI v5

See original GitHub issue

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
    • A --transpile-all CLI flag to include node_modules for transpiration, as a fail-safe for the transpileDependencies option. The transpileDependencies option can be set to true to transpile all dependencies in node_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 and no-modern CLI options
    • A separate polyfills chunk by default
    • Better browserslist integration. For example, safari-no-module-fix can be dropped when browserslist config does not target those buggy browsers.
  • Configuration
    • Async config loading

Changed Behaviors

  • vue serve/build will be an alias of npm run serve/build. If an entry is designated and no package.json found, it’ll prompt to use vite (Vue 3) or parcel (Vue 2) for instant prototyping instead.

Dropped Features

Other Breaking Changes Under Consideration

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:132
  • Comments:114 (35 by maintainers)

github_iconTop GitHub Comments

76reactions
ThreeScreenStudioscommented, Nov 19, 2020

If possible, please update postcss-loader dependency to 4.0.4 from 3.0.0 to add compatibility with Postcss 8/Tailwind 2.0.

40reactions
sodateacommented, Nov 25, 2020

If possible, please update postcss-loader dependency to 4.0.4 from 3.0.0 to add compatibility with Postcss 8/Tailwind 2.0.

Yeah, I’m working on that.

Read more comments on GitHub >

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

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found