如何让rollup-plugin-postcss适配sass包替代已废弃的node-sass？

• 第一步：安装sass依赖
  先卸载已有的node-sass（如果之前安装过），再安装官方维护的sass包：

  npm uninstall node-sass
  npm install sass --save-dev
  

• 第二步：配置rollup-plugin-postcss指定使用sass
  在rollup.config.js中给postcss插件添加use选项，明确指定用sass作为预处理器，还可以按需传入sass的配置参数：

  import postcss from 'rollup-plugin-postcss';
  
  export default {
    // 其他rollup配置项
    plugins: [
      postcss({
        use: {
          sass: {
            // 示例：指定样式文件的查找路径
            includePaths: ['src/styles'],
            // 若需要支持缩进式sass语法，可设置indentedSyntax: true
          }
        },
        // 可根据需求添加其他postcss配置，比如提取独立css文件、压缩代码等
        extract: true,
        minimize: true
      })
    ]
  };
  

• 额外说明
  rollup-plugin-postcss会自动检测已安装的预处理器包，但显式配置use选项能确保优先使用sass，避免依赖检测的不确定性。如果仅安装sass不额外配置，插件通常也会自动切换，但显式声明更稳妥。

内容的提问来源于stack exchange，提问作者Mickey Puri