Electron-webpack с Angular - Импорт стилей с инкапсуляцией представления

Question

Я использую electronic-webpack с моим приложением Angular, на основе этого примера:

https://github.com/kendraio/angular-electron-webpack-example

Просто В каждом примере я могу найти стили импорта таким образом, чтобы нарушить инкапсуляцию стилей представления.

Стандартный Angular способ импорта стилей - через компонент styleUrls:

@Component({
    selector: 'app-component',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.scss'],

Способ Я вижу, что это сделано (и как я это делал из-за отсутствия лучшего способа), это

import "./app.component.scss";

@Component({
    selector: 'app-component',
    templateUrl: './app.component.html',
    encapsulation: ViewEncapsulation.None
})

Я пробовал различные конфигурации для загрузчиков, но безрезультатно. Есть ли у кого-нибудь пример их webpack.renderer.additions. js, который позволяет импортировать Angular стилей так, как они были задуманы?

Примечание: В дополнение к стилям компонентов на src/renderer/app/components/**/*.scss, у меня тоже глобальные styles at src/renderer/styles/*.scss

Answer 1

Боюсь, это невозможно. Это потому, что Angular добавляет имя класса компонента ко всем стилям в styleUrls.

Сторонние библиотеки не могут узнать имя класса компонента.