如何使用rollup插件节点sass缩小css

我知道node sass默认情况下可以缩小css。但是像我这样的管道有什么选择，可以创建一个js和一个单独的css工件呢

const resolve = require('rollup-plugin-node-resolve');
const babel = require('rollup-plugin-babel');
const replace = require('rollup-plugin-replace'); // use to setup project enviroment variables
const sass = require('rollup-plugin-sass');
const json = require('rollup-plugin-json');
const image = require('rollup-plugin-image');
const reactSvg = require('rollup-plugin-react-svg');
const fs = require('fs');

const babelOptions = JSON.parse(fs.readFileSync('.babelrc'));

const js = {
  input: 'src/index.js',
  output: {
    file: 'lib/index.js',
    format: 'es',
  },
  plugins: [
    json(),
    reactSvg(),
    image(),
    sass({
      output: 'lib/styles.css',
    }),
    babel({
      ...babelOptions,
      babelrc: false,
      exclude: ['node_modules/**'],
      runtimeHelpers: true,
      comments: false,
    }),
    resolve({
      jsnext: true,
      module: true,
    }),
  ],
};

export default [js];

如您所见，我只有一个index.js文件作为输入和输出，但在我分别输出css的过程中。但是我怎样才能缩小这个人工制品呢

---

或者您是否发现这种方法有任何缺陷？

您实际上可以使用

汇总插件scss

插件

从“汇总插件SCS”导入SCS；

并使用

outputStyle:“compressed”

//rollup.config.js
导出默认值{
//...,
插件：[
//...,
scss({
输出：“lib/styles.css”，
outputStyle:“压缩”，
}),
//...,
],
//...,
}

输出缩小的

.css

文件