node.js - Node-sass 不理解波浪号

Question

Exploring the angular-cli for RC1 of Angular2 最近发布我遇到了奇怪的问题:angular-cli 中的 sass 插件中的 node-sass > 在包名之前不解析 ~ 抛出以下错误:

Error: File to import not found or unreadable: ~@angular2-material/core/style/theme-functions

在编译以下代码时发生:

@import "~@angular2-material/core/style/theme-functions";

如果我删除波浪号，一切都会好起来的。是正确的行为，还是有办法让 node-sass 理解 ~？

P.S.我使用WebStorm，它也更喜欢使用~。如果省略波浪号，则会提示无法解析路径。经过一番谷歌搜索后，我发现使用不带波浪号的代码是遗留问题，应该使用 ~ 作为最佳实践。这样对吗？

Answer 1

波浪号路径解析是 webpack 做的，node-sass 没有内置这样的解析器。sass-loader对于 webpack 有这个。您可以write your own import resolution或者。

为了完整起见，以下是在没有 webpack/sass-loader 的情况下使用自定义导入器的方法:

function importer(url, prev, done) {
  if (url[0] === '~') {
    url = path.resolve('node_modules', url.substr(1));
  }

  return { file: url };
}