Skip to content
章节目录

插件

Stencil 插件

默认情况下,Stencil 不支持 SassPostCss。但是,它们都可以使用 plugins 数组添加。

tsx
import { Config } from "@stencil/core";
import { sass } from "@stencil/sass";

export const config: Config = {
  plugins: [sass()],
};

Rollup 插件

rollupPlugins 配置可以用来添加你自己的 Rollup插件。 在底层,stencil 内置了一些插件,包括 node-resolvecommonjs,因为 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 查看其它示例。

此文档为非官方翻译版本