В данном шаблоне показано, как применять различные процессоры для EndorphinJS-компонентов для сборки через Rollup:
- Для стилей используется SCSS, который обязательно должен применяться в качестве пре-процессора стилей для EndorphinJS, так как компилятор ожидает обычный CSS, чтобы выполнить скоупинг стилей.
- Autoprefixer применяется в качестве пост-процессора финального бандла, но его можно применить и в качестве пре-процессора вместе с SCSS. Сделано это было для нагляности, чтобы продемонстрировать, что
rollup-plugin-endorphinтакже принимает функцию для обработки финального CSS-бандла. - SCSS можно писать как в отдельном файле (рекомендуется), так и инлайн, но для этого нужно указать соответствующий атрибут
typeу тэга<style>, чтобы можно было определить тип содержимого на этапе компиляции:<style type="scss">. - Для описания поведения используется TypeScript. В отличие от стилей, скрипты пропускаются через Rollup как внешний файл (в том числе инлайн-скрипты), что позволяет использовать различные Rollup-плагины для преобразования скриптов. Для инлайн скриптов также нужно указывать соответствующий атрибут
typeу тэга<script>, например,<script type="ts">.