Add option to disable styles injecting #3242

umbopepato · 2021-05-03T07:36:31Z

umbopepato
May 3, 2021

This would be really useful to Lit users who use rollup style loaders such as rollup-plugin-postcss-lit or rollup-plugin-lit-css that transform style imports into Lit style objects at build-time:

import styles from './my-styles.scss';

As of now all these styles get unnecessarily duplicated in <head>. A css.inject option would help a lot in this case:

export default {
  css: {
    inject: false,
  },
};

matdv · 2025-08-27T09:01:18Z

matdv
Aug 27, 2025

any news on that feature? There seems to be no easy solution for disabling this style-tag injection in vite.
Developing and testing web-components gets much more difficult, since styles should be only encapsuled within that component.
In dev mode however, the styles are additionally injected in <head/>, which can lead to weird style changes in dev mode compared to production.

0 replies

Navigation Menu

Uh oh!

Uh oh!

Add option to disable styles injecting #3242

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

Uh oh!

Uh oh!

Add option to disable styles injecting #3242

Uh oh!

umbopepato May 3, 2021

Replies: 1 comment

Uh oh!

Uh oh!

matdv Aug 27, 2025

umbopepato
May 3, 2021

matdv
Aug 27, 2025