Доступ к общим стилям из Angular2 NgModule

Question

У меня есть проект Angular2 (сгенерированный angular-cli). В проекте у меня есть основной модуль и подмодуль. Подмодуль представляет собой четко определенную концепцию, поэтому он хорошо подходит для использования в качестве (потенциально многоразового) NgModule.

Подмодуль инкапсулирует различные компоненты и предоставляет только один компонент наружу. Это хорошо, он работает хорошо, поэтому модуль может быть повторно использован.

Однако модуль имеет одну глобальную зависимость, которая не позволяет полностью отключаться от модуля повторного использования. Файл scss обращается к общему файлу scss с использованием @import. Общий файл scss находится за пределами модуля.

Так, в частности, файл scss стиля внутри модуля относится к scss файлу вне модуля, используя относительные пути, например:

@import './../../../assets/styles/common-props'; 

Я не хочу, чтобы скопировать файл scss в модуль , Каков наилучший способ использования общего файла scss, чтобы модуль стал легко использовать? Есть ли наилучшая практика?

Answer 1

Не уверен, что здесь действительно хорошая практика. Все зависит от того, как вы хотите импортировать и управлять внешними ресурсами SCSS.

1. Если вы хотите, чтобы ресурс SCSS обновлялся с помощью обновления Homebrew или NPM, тогда импорт его из исходного каталога - это путь.
2. Если вы хотите вручную контролировать путь обновления к ресурсу SCSS, просто переместите файл в свою иерархию SCSS и импортируйте.

Как правило, я предпочитаю подход № 2.

У меня есть каталог под названием 'libs', который я организую внешние SCSS/CSS-файлы и просто импортирую из этой структуры папок.

Есть краевые случаи, где я использую # 1, но они редки.