Tilde用飞镖进口

Question

我正在升级一个旧系统，其中有许多：

@import "~bootstrap/scss/mixins";

这在用dart-sass CLI编译时失败。

我过去经常使用node，以及像node-sass-tilde-importer和node-sass-package-importer这样的包来帮助实现这个语法。他们似乎不为飞镖队工作。

考虑到我现在使用的是达思 CLI，我如何处理这个问题？

Answer 1

解决方案很简单，但不幸的是，不支持倾斜语法。

scss文件应具有以下内容：

@import "foo/bar";            // <--- must remove tilde

cli语法是：

sass --load-path=path/to/node_modules SomeFile.scss SomeFile.css

为了完整起见，显而易见的其他解决方案是：

@import "../../../node_modules/foo/bar";

Answer 2

达特·萨斯·克莱？我想在飞镖里这样进口是不可能的。你得手动做。

但是有一个Sass migrator来修复遗留的sass代码，尝试一下：

https://sass-lang.com/documentation/cli/migrator

如果您将它与模块绑定器一起使用，这可能会有所帮助：

https://stackoverflow.com/questions/69252313/how-to-import-sass-using-tilde-prefix-with-webpack-sass-loader-and-dart-sass