Angular 6, что нужно для style.js в сборке
Подглядывание в исходнике html
моей сборки SPA с ng 6 с использованием sass
Я нашел этот список файлов
<script type = "text/javascript" src = "runtime.js"></script>
<script type = "text/javascript" src = "polyfills.js"></script>
<script type = "text/javascript" src = "styles.js"></script>
<script type = "text/javascript" src = "vendor.js"></script>
<script type = "text/javascript" src = "main.js"></script>
Интересно, для чего нужен style.js?
Я импортирую бутстрап
в моем стиле. scss нравится
(Я делаю это, потому что если я поставлю bootstrap в angular.json у меня не может быть моя пользовательская тема видит переменные)
@import "./assets/variables";
@import "~bootstrap/scss/bootstrap";
Ответы 2
Style.js - это все ваши файлы css, которые включены в массив стилей в файле angular.json.
Вы можете извлечь свой CSS-файл во внешний файл, используя плагин извлечения в конфигурации веб-пакета.
В процессе разработки глобальные стили извлекаются в файлы .js, тогда как в производственной сборке они извлекаются в файлы .css. Чтобы изменить это поведение по умолчанию, используйте параметр --extract-css или его псевдоним -ec с командой ng build.
В чем причина использования js для извлечения css в сборках разработчика?
Каждый файл / модуль, который мы хотим использовать в пакете webpack, должен быть допустимым модулем JavaScript. И, конечно же, styles.css не является допустимым модулем JavaScript. Итак, нам нужно что-то, чтобы превратить этот модуль CSS в модуль JS. И здесь на помощь приходят загрузчики. Вот что говорится в документации по веб-пакетам о загрузчиках:
Загрузчики - это преобразования, которые применяются к исходному коду модуля. Они позволяют вам предварительно обрабатывать файлы по мере их импорта или «загрузки»… Загрузчики могут преобразовывать файлы с другого языка (например, TypeScript) в JavaScript или встроенные изображения как URL-адреса данных.
Более: Вот как angular-cli / webpack доставляет ваши стили CSS клиенту
Но почему? В чем причина использования js для извлечения css в сборках разработчика?
спасибо за ответ, но есть еще пара тегов стиля со всеми моими css, поэтому я не вижу смысла иметь css с обеих сторон