Thanks, Scott
uninstall @quasar/app helped

Thanks, Scott
uninstall @quasar/app helped

The problem appeared after updating Quasar CLI. Before that everything worked fine.

Tried reinstalling. No result.

thanks @dobbel
I also met similar solutions. It works, but this is “standalone” solutions.
I have Quasar app with template based on quasar classes like col-<breakpoint> and similar. And I wish it would work both in the window and in the сontainerized layout the same way.
It would be nice if Quasar developers implemented this feature

Hi all
We have a interesting example Containerized QLayout where we see that drawers breakpoint does not refer to the window width, but to the actual width of the QLayout container.
It’s great! But, how can I use this wonderful container with relative breakpoints for the classes like col-<breakpoint>-<number> where <breakpoint> does not refer to the window width, but to the actual width of the QLayout container?

Hi!
I have a similar case.
Is there any solution?

Need to disable generation of native quasar manifest. But leave GenerateSW mode and generation of serviceworker.

@Hawkeye64
I dont use quasar-cli. For project building i use webpack (ver. 4.33) itself (npm run build).

"scripts": {
    "build": "webpack --mode=production --devtool source-map --progress"
}

TreeShaking works perfectly with simple test modules, as described in manual https://webpack.js.org/guides/tree-shaking, but wont with Quasar.

I try remove import {default as Quasar} from 'quasar' then bundle size decreases, and contain only QBtn.

!(https://ibb.co/1mnVkXD)

Exactly import {default as Quasar} pulls along all quasar components.

!(https://ibb.co/3Y4XJJQ)

Hi!
I create App with Nuxt, and using nuxt build for building bundle.

1. install Quasar into project: vue add quasar
2. add code into app

import Vue from 'vue'
import '../../assets/stylus/quasar.styl'
import '@quasar/extras/material-icons/material-icons.css'
import {default as Quasar} from 'quasar'
import {
  QBtn
} from 'quasar'

Vue.use(Quasar, {
  config: {},
  components: {
    QBtn,
  },
  directives: {
  },
  plugins: {
  }
})

3. create bundle npm run build
4. analyze bundle and see, that all quasar components is included, however i use unly one QBtn.

How can i minimize bundle size by treeshaking?

try add to q-input element “@click.stop”