插件
Stencil 插件
默认情况下,Stencil 不支持 Sass
或 PostCss
。但是,它们都可以使用 plugins
数组添加。
tsx
import { Config } from "@stencil/core";
import { sass } from "@stencil/sass";
export const config: Config = {
plugins: [sass()],
};
Rollup 插件
rollupPlugins
配置可以用来添加你自己的 Rollup插件。 在底层,stencil 内置了一些插件,包括 node-resolve
和 commonjs
,因为 rollup 插件的执行顺序很重要,所以 stencil 提供了一个 API, 可以在 node-resolve 之前和 commonjs 转换之后注入自定义插件:
tsx
export const config = {
rollupPlugins: {
before: [
// Plugins injected before rollupNodeResolve()
resolvePlugin(),
],
after: [
// Plugins injected after commonjs()
nodePolyfills(),
],
},
};
相关插件
Node Polyfills
在 Node Polyfills in Module bundling 查看其它示例。