Как создать минимизированный css из Angular (2+)

Question

Я создал angular проект в SASS, но мне нужно иметь возможность использовать стили проекта в демонстрационных кодах. Я думал, что мне нужно как-то сгенерировать минимизированный CSS в папке "dist", чтобы я мог использовать его как внешний источник в codepen. Стили постоянно обновляются в проекте Angular, поэтому я ищу решение, которое автоматически генерирует файл CSS при каждом запуске команды сборки.

Я не уверен, как установить это или что искать. Есть идеи?

Answer 1

По умолчанию angular привязывает стили непосредственно к директивам, что означает, что они являются частью сгенерированного javascript, а не css.

. Вы можете использовать node-sass cli: https://github.com/sass/node-sass

установите его с

npm i -g node-sass

и используйте его для конвертации файлов sass / s css

node-sass src/style.scss dest/style.css