sass-loader使用data引入公用文件或全局變量報錯

報錯信息：

ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.

報錯寫法如下：

{
  loader: "sass-loader",
  options: {
    data: `
      $env: ${process.env.NODE_ENV};
      @import "sass/_fn.scss";
      @import "sass/_mixins.scss";
      @import "sass/_var.scss";
    `
  }
}

 

報錯原因：

新版sass-loader改了options參數名，把data改為了prependData，參考：https://github.com/webpack-contrib/sass-loader#prependdata

 

正確寫法：

{
  loader: "sass-loader",
  options: {
    prependData: `
      $env: ${process.env.NODE_ENV};
      @import "sass/_fn.scss";
      @import "sass/_mixins.scss";
      @import "sass/_var.scss";
    `
  }
}