Vuetify stylesheets not added to page in production mode about vue-web-extension HOT 4 CLOSED

Oh setting the following in vue.config.js solved the issue:

 css: {
    extract: false
  }

Thank you!

from vue-web-extension.

For production, styles are extracted into a dedicated .css file. They are not loaded by your javascript anymore unlike in development (where css extraction is not enabled).

Also for a popup, the HTML file is processed by webpack and it injects CSS/JS files automatically, but this can't work with a content script.

Can you try to disable CSS extraction in your vue.config.js? See documentation: https://cli.vuejs.org/config/#css-extract

from vue-web-extension.

Hi!

Do you have a .css generated (containing Vuetify CSS) when compiling?
Don't you need to import vuetify/dist/vuetify.min.css?

from vue-web-extension.

Hello!
In dist/css I get a chunk-vendors.some hash.css and a content-script.some hash.css when I compile for build mode which contain Vuetify CSS. But these stylesheets don't seem to be inserted into the webpage when I load the production built extension into Chrome. (actually a question I have is how are they automatically inserted into the webpage when building for development?)
Since I import Vuetify from vuetify/lib/framework I don't think I need to import from vuetify/dist/vuetify.min.css . That's what has worked for the dev build and other non- browser extension projects I've worked on.

from vue-web-extension.