Использование конфигурации узла дерзость-JSPM-импортер путей

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 («ЦСИ/дерзость/* СКС»)

Как этот путь имеет никакого смысла, когда файлы SASS/SCSS должны быть импортированы из JSPM пакетов, которые имели бы пути, как:

jspm_packages/npm/font-aweesome@4.6.3/scss

Либерал папка в этом разделе

функции: sassJspm.resolve_function ('/ Lib /'),

Если это будет/jspm_packages/поскольку в документации указывает

Где/Библиотека/путь в папку jspm_packages в вашем документе root.

В каком случае почему они не просто указали jspm_packages?

Answer 1

Я думал об этом, все неправильно. Одна из вещей, которые мне не хватало, заключалась в том, что с помощью SASS/SCSS вы можете использовать директивы импорта. Как таковой, а не импортировать много генерируемых css-файлов, имеет смысл использовать SASS-компилятор/импортер для создания одного CSS-файла.

Таким образом, я создал один файл SCSS, который был вне моей папки JSPM_Packages в src, называемой SCSS.

В этом SCSS файл я мог бы поместить следующий код

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

Строка в файле глоток:

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

то может найти этот единственный SCSS файл и оттуда работать, как импортируйте все файлы SCSS для шрифта-Awesome через структуру папок JSPM_Package. Один главный файл CSS был помещен в каталог назначения, в котором содержался CSS из шрифта - удивительный.

Что в моем случае, когда я использую ASP.NET Ядро выглядит следующим образом:

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

Функции линии, необходимые для быть установлен jspm_packages

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

Я не знаю, почему они это как Lib в их документации - возможно, это был старый JSPM конфигурация?