使用

Question

私はこのSASSの輸入まわりで私の頭を取得しようとしている： 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')); 
}); 

を提供しています。

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

：SASS/SCSSファイルのようなパスを持っているでしょうJSPMパッケージからインポートする場合、このパスはどんな意味を持たない方法）

jspm_packages/npm/font-aweesome@4.6.3/scss

関数このセクションのlibフォルダ：sassJspm.resolve_function（ '/ LIB /'）、

ドキュメントで、それは/ libには/パスです

を指定しますので、それは//jspm_packagesであるべきあなたのドキュメントのjspm_packagesフォルダに ルート。

この場合、なぜjspm_packagesを指定しなかったのですか？

Answer 1

私はこれをすべて間違って考えていました。私が欠けていたことの1つは、SASS/SCSSではインポート指示を使用できるということでした。多くの生成されたcssファイルをインポートするのではなく、SASSコンパイラ/インポータに1つのCSSファイルを作成させる方が理にかなっています。

私は、SCSSというsrcのJSPM_Packagesフォルダの外にある単一のSCSSファイルを作成しました。私は、次のコード

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

一気ファイル内の行に置くことができ、このSCSSファイルで

：

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

この単一SCSSファイルを見つけて、そこからどのようにして働くことができますJSPM_Packageフォルダ構造を使用して、Font-Awesome用のすべてのSCSSファイルをインポートします。その後、1つのメインCSSファイルが、font-awesomeのCSSを含む出力先ディレクトリに配置されました。

私の場合、私はASPを使用しています。NETコアは次のようになります。彼らはドキュメント内のlibとしてそれを持っている理由

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

jspm_packages

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

に設定するために必要な機能をライン私はわからない - 多分これは古いJSPMました設定？