gulp-sass 可以解决 load_path 支持吗?

2024-04-27

问题: 我正在使用 gulp-sass 并想定义一个 load_path ,这样我就不必有很长的 @import 规则 voor Bower 依赖项,例如

@import "normalize"

代替

@import "../../../../../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/normalize"

当使用 gulp-sass 使用 LibSass 引擎处理 sass 文件时,实现此目的的最佳方法是什么?


在我自己努力解决这个问题之后,我在 gulp-sass 中找到了一个选项:

sass({包含路径:['./bower_components/bootstrap-sass/assets/stylesheets']})

Example:

var gulp = require('gulp'),
    sass = require('gulp-sass')
    notify = require("gulp-notify");

var config = {
    sassPath: './resources/sass',   // store the sass files I create
    bowerDir: './bower_components'
}

gulp.task('css', function() {
  return gulp.src(config.sassPath + '/style.scss')
    .pipe(sass({
        outputStyle: 'compressed',
        includePaths: [
            './resources/sass',
            config.bowerDir + '/bootstrap-sass/assets/stylesheets',
            config.bowerDir + '/font-awesome/scss']
        })
       .on("error", notify.onError(function (error) {
            return "Error: " + error.message;
        })))
    .pipe(gulp.dest('./public/css'));
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

gulp-sass 可以解决 load_path 支持吗? 的相关文章

随机推荐