我如何添加webpack加载器来处理scss-loader @import scss文件

Question

我的webpack.config.js文件是：

module.exports = {
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader',
          // custom webpack loader
          'theme-loader',
        ],
      },
    ],
  },
};

一个简单的scss文件是：

@import "./scss/variable.scss";

.a{
  background: white;
} 

我如何制作./scss/variable.scss也要处理的theme-loader文件， <iframe id="testIframe" sandbox="allow-scripts allow-same-origin allow-top-navigation allow-top-navigation-by-user-activation" seamless ></iframe> 是一个自定义Webpack加载程序，用于处理一些sass转换