sass - 在函数名称中使用下划线时出现“SassError：无效的函数名称”

Question

我正在尝试将sass-bem-utils与 Vuetify 一起使用。出错了

SassError: Invalid function name.
    ╷
563 │ @function _modifies-element($modified-elements...)

../node_modules/sass-bem-utils/dist/_sass-bem-utils.scss 563:1  @import
...

正如我所看到的，这是因为 Vuetify 使用 sass 而不是节点 sass。使用来自 sass-bem-utils 的 mixin 和 node-sass 编译样式可以正常工作。

另外我注意到从函数名中删除下划线可以解决问题。

所以问题是为什么 dart-sass 在函数名中使用下划线时会抛出错误而 node-sass 不会？

标签： sassvuetify.jsnode-sassbem