探索angular-cli
对于最近发布的 Angular2 的 RC1,我遇到了奇怪的问题:node-sass
在 sass 插件中angular-cli
不解析~
在包名称之前抛出以下错误:
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,它更喜欢使用~
也。如果省略波浪号,则会抱怨无法解析路径。经过一番谷歌搜索后,我发现使用不带波形符的代码是遗留的,并且~
应作为最佳实践。这样对吗?
波形符路径解析是 webpack 所做的事情,node-sass 没有内置这样的解析器。sass 加载器 https://github.com/jtangelder/sass-loader对于 webpack 有这个。你可以编写您自己的导入解析 http://github.com/sass/node-sass#importer--v200---experimental或者。
为了完整起见,以下是在没有 webpack/sass-loader 的情况下使用自定义导入器的方法:
function importer(url, prev, done) {
if (url[0] === '~') {
url = path.resolve('node_modules', url.substr(1));
}
return { file: url };
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)