Электронная кузница с SASS

Question

Я использую Electron Forge для приложения Electron.Я также использую React и TypeScript, и я также хотел бы использовать SASS, но мои текущие попытки терпят неудачу.Очевидно, SASS уже работает без добавления какой-либо новой зависимости к package.json, так как electron-compile позаботится об этом.Это то, что написано на electronicforge.io в Develop .

Я попытался добавить style.scss в качестве импорта в первый класс TypeScript app.tsx, но последобавление этой компиляции больше не работает:

import "./style/style.scss";

приводит к:

[24717:0221/194746.779571:ERROR:CONSOLE(7830)] "Extension server error: Object not found: <top>", source: chrome-devtools://devtools/bundled/shell.js (7830)

Я также пытался поместить элемент link в элемент head в index.html, но это тоже не помогает.Компиляция работает, но CSS не выполняется:

<link rel="stylesheet" href="style/style.scss">

также пробовал:

<link rel="stylesheet" type="text/css" href="style/style.scss">

и:

<link rel="stylesheet" type="text/scss" href="style/style.scss">

и:

<link rel="stylesheet" type="text/sass" href="style/style.scss">

Файл 'style.scss`:

body {
    background-color: #ff0000;
    color: #0000ff;
}

Но ни один из них не работает.Что я должен сделать, чтобы использовать файлы SASS в Electron Forge?

Answer 1

Вам нужно скомпилировать файл SASS, чтобы сгенерировать файл CSS, а затем поместить его в index.html. Yo может использовать консоль, чтобы попробовать его

# Path to SASS File > OUTPUT path to CSS File
sass style/sass/style.scss style/style.css

, затем импортировать файлв голове

<link rel="stylesheet" href="style/style.css">