sass-loader使用data引入公用文件或全局变量报错

报错信息:

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

报错写法如下:

sass-loader使用data引入公用文件或全局变量报错
{
  loader: "sass-loader",
  options: {
    data: `
      $env: ${process.env.NODE_ENV};
@import "sass/_fn.scss"; @import "sass/_mixins.scss"; @import "sass/_var.scss"; ` } }
sass-loader使用data引入公用文件或全局变量报错

 

报错原因:

新版sass-loader改了options参数名,把data改为了prependData,参考:https://github.com/webpack-contrib/sass-loader#prependdata

 

正确写法:

sass-loader使用data引入公用文件或全局变量报错
{
  loader: "sass-loader",
  options: {
    prependData: `
      $env: ${process.env.NODE_ENV};
@import "sass/_fn.scss"; @import "sass/_mixins.scss"; @import "sass/_var.scss"; ` } }
sass-loader使用data引入公用文件或全局变量报错

 

 

作者文章首发地址:https://blog.jijian.link

上一篇:vscode+springboot+vue前后端分离实现饭店点餐管理系统(四)


下一篇:scss和less深度监听