Трафарет Js набор Typo

Question

Я начал использовать Stencil несколько недель go, и мне было интересно, есть ли способ установить глобальный файл 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">