less-loader 6.0.0 javascriptEnabled 报错解决方案

webpack踩坑系列之less-loader

在less-loader 6.0.0之前的版本中，配置javascriptEnabled参数的方法如下所示：

{
   loader: 'less-loader', 
   options: {
     javascriptEnabled: true 
   }
}

升级到6.0之后就会报错

具体报错信息如下：

初次遇到该问题时可能会感到困惑，怀疑该属性是否已被废弃。

实际上，需要关注报错信息的最后一行，那里指出了问题的关键。

正确的做法是将javascriptEnabled参数放入lessOptions对象中，配置方式调整为：

{
   loader: 'less-loader', 
   options: {
     lessOptions: {
        javascriptEnabled: true
     } 
   }
}

完成上述修改后，重启webpack服务即可恢复正常。

总结

以上为个人经验分享，希望能为大家提供参考，也希望大家多多支持本站。