如何防止 Rollup.js 在构建 scss 时创建空块？

Question

我正在尝试使用 rollup.js 来捆绑我的 SCSS。请参阅下面的配置文件。当它运行时，它会创建适当的 css 文件，但它也会创建空的

screen.js

并在控制台中给我一个警告：

rollup v3.17.3
bundles src/scss/screen.scss → dist/css...
(!) Generated an empty chunk
"screen"
created dist/css in 1.3s
bundles src/js/cat.js → dist/js...
created dist/js in 1.2s

有没有办法阻止它创建这个空块？

import resolve from '@rollup/plugin-node-resolve';
import terser from '@rollup/plugin-terser';
import css from 'rollup-plugin-import-css';
import scss from 'rollup-plugin-scss';
import postcss from 'postcss';
import autoprefixer from 'autoprefixer';

const production = !process.env.ROLLUP_WATCH;

export default [
    {
        input: 'src/scss/screen.scss',
        output: {dir:'dist/css'},
        plugins: [
            scss({
                fileName: 'css.css',
                sourceMap: true,
                processor: () => postcss([autoprefixer()])
            })
        ]
    },
    {
        input: 'src/js/cat.js',
        output: {
            dir: 'dist/js',
            format: 'es',
            sourcemap: true,
            chunkFileNames: '[name].js'
        },
        plugins: [
            css(),
            resolve(),
            production && terser(),
        ]
    }
];