如何将变量传递给webpack上的scss文件

Question

我想在 webpack.config.js 上定义全局变量或 env 并将变量传递给 .js 或 .scss 文件

我定义“__basedir”是绝对路径

      new webpack.DefinePlugin({
          __basedir: "'" + __dirname + "'",

      }),

  {
        loader: 'sass-loader',
        options: {
            data: "$basedir: '" + __dirname + "';"
        }
    }

在js文件上已经可以工作了

require(__basedir + '/public/js/Sortable.min.js');

但在 scss 文件上它不起作用

@import“$__basedir/public/css/include-media/dist/_include-media.scss”；

怎么修。谢谢