StencilJs 设置错别字

Question

几周前我开始使用 Stencil，我想知道是否有办法设置全局 sass 文件来处理拼写错误。

我已经在全局文件夹下创建了一个 variables.scss 文件，我也尝试使用 global.scss 但没有成功。

Answer 1

有一个 globalStyle 配置选项（参见 https://stenciljs.com/docs/config#globalstyle）。

如果您已经在项目中使用 @stencil/sass，那么您只需添加配置选项：

// stencil.config.ts

import { Config } from '@stencil/core';
import { sass } from '@stencil/sass';

export const config: Config {
  namespace: 'app',
  plugins: [sass()],
  // ...
  globalStyle: 'src/global/variables.scss'
};

如果您想在全局样式表中包含多个文件，可以使用 src/global/app.scss 这样的文件，然后使用 @import 在其中包含其他文件。

请注意，这将生成一个文件 www/build/<namespace>.css（用于 www 输出目标），您必须手动将其包含在 index.html 的头部：

<link rel="stylesheet" href="/build/app.css">

StencilJs 设置错别字

StencilJs set Typo

stenciljs