vuetify-module icon indicating copy to clipboard operation
vuetify-module copied to clipboard
verified publisher icon nuxt-community

Treeshaking static deployment

Open charlie17 opened this issue 4 years ago • 1 comments

Module version 1.11.3

Describe the bug Treeshaking seems to not be functioning when deployment target is static

To Reproduce

  1. Run create nuxt-app, select Vuetify as UI framework, select Universal rendering mode, select Static deployment target, skip all other options
  2. Run yarn generate - resulting dist folder is 1.47MB in size (yarn build --analyze reveals 627k of that is Vuetify)
  3. Add treeShake: true to Vuetify block of nuxt.config.js - no difference
  4. View page source on default pages (index.html, inspire/index.html) are chock full of css - this must not be treeshaken?
  5. Applying this hack cuts things down to size - seeming to further demonstrate built-in treeshaking is not working?

Expected behavior Treeshaking to function as expected

charlie17 avatar May 06 '21 17:05 charlie17

Same issue. This is also confirmed by https://stackoverflow.com/questions/60022986/smallest-possible-vuetify-css-js-size-0-5mb

cprcrack avatar Aug 07 '21 15:08 cprcrack