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.

Quasar resolver generates huge bundle size

See original GitHub issue

Hi,

Just trying out Quasar with unplugin-vue-components and I noticed that when building the application (using Vite, Vue3, Typescript and Quasar Vite Plugin), I get a bundle size that gets over 500 KiB. (it imports quasar.esm.prod.js)

If I don’t use unplugin-vue-components and therefore manually import Quasar components, the bundle is way lighter (~120 KiB)

Any idea why and how this could be solved? Thanks

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
stefanvanherwijnencommented, Mar 28, 2022

As far as I know quasar vite plugin already auto imports components so there is no need for unplugin-vue-components in your case.

0reactions
stefanvanherwijnencommented, Mar 28, 2022

Start by following the documentation of Quasar CLI and proceed from there. Many features are already built into Quasar Vite so you may not need most plugins.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Reduce Your Vue.JS Bundle Size With Webpack
import { cloneDeep, sortBy } from 'lodash/core'; Making this one change has reduced the size of my build bundle from 2.48MB to 2.42MB....
Read more >
Regarding App Bundle Size | Quasar Framework Community
js executing command quasar build produces following stats of webpack. However what i am not being sure about client-entry.js + 822 modules ...
Read more >
How to Build an App using Quasar Framework: Introduction
In this video, you will learn how to use the Quasar Framework; its capabilities, and the reasons why you should use it.
Read more >
Configuring quasar.config.js
quasar /app-webpack) Where, how and what you can configure in a Quasar app. ... async work then: // resolve() with the quasar config...
Read more >
Quasar Framework - Seriously, what's the catch? : r/vuejs
Not only that, it supports compiling to multiple build targets and already uses some features from Vue 3. Despite its size and richness,...
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