Можно ли использовать свертку для обработки просто CSS?

Question

Я знаю, что Rollup используется для объединения файлов .js.Но возможно ли использовать его только для обработки CSS?(CSS, SCSS, меньше и т. д.).Что я имею в виду, если у меня есть, например, в моей папке src (папке ввода) файл с именем index.css, и я хочу, чтобы накопительный пакет прецессировал его в папке dist (выходной папке), например index.css (но обрабатывал, например, еслиесть импортированный файл .sass или переменные css).Как я могу это сделать?

Пример rollup.config.js

import { uglify } from 'rollup-plugin-uglify'
import babel from 'rollup-plugin-babel'
import resolve from 'rollup-plugin-node-resolve';
import postcss from 'rollup-plugin-postcss'

const config = [
  {
    input: 'src/styles/index.scss',
    output: {
      file: 'dist/style.css',
      name: "style",
    },
    plugins: [
      postcss({
        plugins: []
      })
    ]
  },
];

export default config

src / index.css :

@import 'other';

h1 {
  color: green;
}

src / other.css

h2 {
  color: red;
}

и в папке dist должен быть файл index.css со всем кодом для обоих css-файлов (и обработанных).Примерно так: dist / index.css

h1 {
  color: green;
}
h2 {
  color: red;
}

Answer 1

Вам нужно что-то вроде этого

import { uglify } from 'rollup-plugin-uglify'
import babel from 'rollup-plugin-babel'
import resolve from 'rollup-plugin-node-resolve';
import postcss from 'rollup-plugin-postcss'

const config = [
  {
    input: 'src/styles/index.scss',
    output: {
      file: 'dist/style.css',
      format: 'es'
    },
    plugins: [
      postcss({
        modules: true,
        extract: true
      })
    ]
  },
];

export default config