滚动，如何同时捆绑.css和min.css？

Question

我使用卷积与 rollup-plugin-scss 项目中的插件来捆绑css。是否可以同时生成 .css 和 .min.css 使用这个插件或其他插件？

plugins: [
        scss({
            output: path.resolve(__dirname, 'projects/project_name/main.css'),
        })
]

我试着添加 outputStyle: "compressed" 但这只做了压缩版，而不是两个都做。

Answer 1

这是不可能的，但是你可以把这个插件挂进 output 选项，并将一个函数作为选项，手动写入两个文件（包括一个压缩步骤）。在下面的示例代码中，我使用了 洁净的CSS 但也有很多其他的软件包。

scss({
  output: function (styles, styleNodes) {
    fs.writeFileSync('bundle.css', styles)
    const compressed = new CleanCss().minify(styles).styles;
    fs.writeFileSync('bundle.min.css', compressed)
  }
})

请注意，这个设置没有任何日志或文件大小或任何东西，因为你从常规插件中得到它，但这是可以相当容易地添加到功能中的东西。