我正在使用这样的东西将 sass 文件中的样式导入到 lit 组件中:
import { html, unsafeCSS, LitElement } from "lit";
import local_css from "/src/static/component_styles.sass";
export class MyApp extends LitElement{
static styles = unsafeCSS(local_css);
}
在构建应用程序时,样式已正确注入到 js 代码中,但 component_styles.sass 额外捆绑到了 styles.css 中。
更糟糕的是,来自 component_styles.sass 的样式被开发服务器加载为全局样式。所以本地组件的样式会影响开发中组件周围的 DOM。这违背了组件开发的目的。
有没有办法避免这种情况?在 vite 的 github 上有一个关于这个的讨论(但到目前为止还没有解决方案)