Как импортировать в rollupjs файлы стилей в файлах js (например, app.js).
Импорт файлов без установленных плагинов в rollupjs или в webpack, например так:
import "../scss/home.scss";
Приведет к ошибкам (rollupjs):
[!] Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)
svelte/scss/global.scss (1:5)
1: html {
^
Для импорта файлов стилей в файлах js есть несколько плагинов:
rollup-plugin-postcss
sass-loader
scs-loader
import scss в rollupjs
Для rollupjs установим плагин:
В файле rollup.config.js импортируем его:
Далее там же добавим внутри plugins:
scss(),
]
Для того чтобы работала сборка svelte, нужно эти файл выводить отдельно так:
output: 'public/build/common.css',
}
),