使用node-sass-jspm-importerpathconfiguration

我试图让我的头在这个sassimport： https ： //github.com/idcware/node-sass-jspm-importer

我不完全确定我正在尝试正确使用它。

我试图使用它来导入字体真棒的例子。 GitHub页面提供了下面的例子 

gulp.task('build-sass', function() { return gulp.src('src/sass/*.scss') .pipe(sass({ errLogToConsole: true, functions: sassJspm.resolve_function('/lib/'), importer: sassJspm.importer })) .pipe(gulp.dest('dist/css')); });

在这个例子中，我不确定这个部分有多less轴承：

gulp.src（ 'SRC / SASS / *。SCSS'）

如果要从JSPM包中导入SASS / SCSS文件，这个path有什么意义呢？

jspm_packages/npm/font-aweesome@4.6.3/scss

本节中的lib文件夹

函数：sassJspm.resolve_function（'/ lib /'），

应该是/ jspm_packages /因为在它指定的文档

其中/ lib /是您的文档根目录中的jspm_packages文件夹的path。

在这种情况下，他们为什么不只是指定jspm_packages？

我在想这个全错了。 我错过的其中一件事是用SASS / SCSS你可以使用import指令。 这样，而不是导入许多生成的CSS文件，让SASS编译器/导入器生成一个单一的CSS文件更有意义。

所以我创build了一个单独的SCSS文件，这个文件位于src中名为SCSS的JSPM_Packages文件夹之外。

在这个SCSS文件中，我可以放置下面的代码 

 $fa-font-path: jspm_resolve("font-awesome/fonts/"); @import "jspm:font-awesome/scss/font-awesome";

吞食文件中的行： 

 gulp.src('src/scss/*.scss')

然后可以find这个单一的SCSS文件，从那里解决如何通过JSPM_Package文件夹结构导入所有的字体真棒的SCSS文件。 然后将一个主CSS文件放在包含font-awesome的css的目标目录中。

在我使用ASP.NET Core的情况下，看起来像这样： 

 .pipe(gulp.dest('./wwwroot/css'));

函数行需要设置为jspm_packages 

 functions: sassJspm.resolve_function('/jspm_packages/'),

我不知道为什么他们在自己的文档中将它作为lib – 也许这是一个旧的JSPMconfiguration？

Interesting Posts