如何在汇总中加载主题文件夹，类似于 webpack 中的 sass-resources-loader

Question

我有一个主题文件夹，当使用webpack时，我能够使用sass-resources-loader来加载特定的主题文件。并且所有对那里定义的变量的引用都会在我的其他 scss 文件中看到。

我尝试使用rollup-plugin-sass，rollup-plugin-scss，使用postcss-theme和rollup-plugin-postcss。我被难住了。我觉得有一个简单的解决方案，我没有看到......

sass-resources-loader 没有在 webpack 之外使用它的文档(如果可能的话(。

有没有办法用汇总来做到这一点？

Answer 1

  plugins: [
      postcss({
        extract: true,
        minimize: true,
        use: [
          [
            'sass',
            {
              data: '@import "./variable.scss"; '
            }
          ]
        ]
      })
    ]

https://github.com/hytromo/rollup-plugin-postcss-retain-sass-data#readme