rollup'rollup-plugin-postcss'不要将css注入head
我想创建一个超文本标记语言web组件，我需要导入CSS文件，但我想将其注入到我的影子dom中。我有一些代码如下：
import introHTML from './Intro.html';
import introCss from './Intro.css';
class IntroWebComponent extends HTMLElement{
constructor(){
super();
this.defineClassProp();
}
defineClassProp(){
this._shadowRoot = this.attachShadow({ mode: 'open' });
this._html = introHTML
this._element = document.createElement('template');
this._element.innerHTML = this._html;
this._element.append(`<style>${introCss}</style>`)
this._shadowRoot.appendChild(this._element.content.cloneNode(true));
}
}
window.customElements.define('index-intro', IntroWebComponent);
但是“rollup plugin postss”不断向我的主html头部注入css，我不知道如何阻止它
共有1个答案
只需配置您的汇总以停止在js模块中注入样式：
默认配置是：
postcss({
inject: { insertAt: 'top' }
})
您必须将其更改为：
postcss({
inject:false
})
-
问题内容： 例如，我想将的背景颜色更改为。我已经用过了，我的文件在。我想将此文件注入。我的代码有什么问题？请为我写正确的代码。谢谢。我的档案： 问题答案： 您不能直接注入CSS，但是可以使用Javascript来操纵页面dom。
-
The importcss plugin adds the ability to automatically import CSS classes from the CSS file specified in the content_css configuration setting. By default selectors like ".my-class", ".my-class1.my-cl
-
所以现在我有一个简单的datalist下拉菜单，我想改变它的CSS，以便样式与网站上的其他字段匹配。然而，我是一个网页设计的noob，我有点困惑，因为要完成这个过程。 我有CSS在那里以及imo这将是最容易的内联CSS，但如果有人能指导我通过这将是伟大的感谢！
-
由vue-loader 处理的 CSS 输出，都是通过 PostCSS 进行作用域重写，你还可以为 PostCSS 添加自定义插件，例如 autoprefixer 或者 CSSNext。 使用配置文件 vue-loader 支持通过 postcss-loader 自动加载同一个配置文件： postcss.config.js .postcssrc package.json 中的 postcss 使用
-
vue-loader处理的任何CSS输出都通过PostCSS进行管道传输以进行作用域CSS重写。您还可以向过程添加自定义PostCSS插件，例如autoprefixer 或 CSSNext。 使用配置文件 从11.0开始vue-loader支持自动加载postcss-loader支持的相同PostCss配置文件： postcss.config.js .postcssrc postcss field
-
PostCSS 是使用 JS 插件来转换 CSS 的工具，支持变量，混入，未来 CSS 语法，内联图像等等。 PostCSS 已经被许多大公司使用：谷歌，推特，阿里巴巴和 Shopify。 Autoprefixer PostCSS 插件是最流行的 CSS 处理器插件之一。 PostCSS 可以作为预处理器使用，类似：Sass, Less 和 Stylus。但是 PostCSS 是模块化的工具，比之