node.js - 使用node-sass-jspm-importer路径配置

原文 标签 node.js sass gulp jspm

我正在努力让这个无礼的进口商入迷:
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')


当要从JSPM软件包中导入SASS / SCSS文件时,该路径有何意义?


  jspm_packages/npm/font-aweesome@4.6.3/scss


本节中的lib文件夹


  函数:sassJspm.resolve_function('/ lib /'),


应该是/ jspm_packages /,因为它在文档中指定了


  / lib /是文档中jspm_packages文件夹的路径
  根。


在哪种情况下,为什么他们不只是指定jspm_packages?

最佳答案

我在想这一切都错了。我缺少的一件事是使用SASS / SCSS可以使用import指令。这样,与其导入许多生成的CSS文件,不如让SASS编译器/导入器生成一个CSS文件更有意义。

因此,我在src的JSPM_Packages文件夹之外创建了一个SCSS文件,称为SCSS。

然后,在此SCSS文件中,可以放置以下代码

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


gulp文件中的行:

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


然后可以找到该单个SCSS文件,然后从那里确定如何通过JSPM_Package文件夹结构导入Font-Awesome的所有SCSS文件。然后,将单个主CSS文件放在目标目录中,其中包含来自font-awesome的css。

在我使用ASP.NET Core的情况下,如下所示:

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


功能行需要设置为jspm_packages

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


我不确定为什么他们在文档中将其作为lib-也许这是旧的JSPM配置?

关于node.js - 使用node-sass-jspm-importer路径配置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39705328/

相关文章:

javascript - 找不到模块 '.../models/user' nodejs

node.js - Mongoose 模型别名错误

css - 如何使用自定义CSS类格式化Mat-Field?

css - 进行线性渐变混合的类型问题:需要一种颜色。得到了:#d9d9d9 55%

javascript - 将变量从react-router传递到子组件

javascript - Mongoose 更新嵌套值

node.js - 如何使用 Express 安装 SASS?

javascript - 使用循环创建任务[gulp]

html - Gulp将多个css文件编译为一个

javascript - 需要用gulp延迟加载ES6模块