Я использую накопительный плагин под названием rollup-plugin-lit-css
для преобразования .css
файлов в модули JavaScript.Этот плагин очень прост, он просто добавляет export default
к файлу.
Мой накопительный конфиг использует preserveModules
и output.dir
, чтобы избежать объединения модулей.
import resolve from 'rollup-plugin-node-resolve';
import litcss from 'rollup-plugin-lit-css';
import babel from 'rollup-plugin-babel';
import commonjs from 'rollup-plugin-commonjs';
export default {
preserveModules: true,
input: 'src/a.js',
output: {
dir: 'dist',
format: 'es',
},
plugins: [
litcss(),
babel({ babelrc: true }),
resolve({ browser: true }),
commonjs(),
],
};
Текущее поведение
Предположим, что a
импортирует a.css
, а также b
.Текущая ситуация превращает это:
src/
├── a.js
├── a.css
├── b.js
в это:
dist/
├── a.js
├── a.css
├── b.js
Желаемый вывод
Вместо этого я хотел бы получить:
dist/
├── a.js
├── b.js
С преобразованным содержимым a.css
в a.js