Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >Gulp不编译函数/遵循源排序

问Gulp不编译函数/遵循源排序
EN

Stack Overflow用户

提问于 2017-11-02 13:16:18

回答 1查看 84关注 0票数 0

我的gulpfile.js中有以下内容

var baseDir = 'Base/Assets/scss/**/**';
var modulesDir = 'Modules/**/Assets/scss/*'; 

return gulp.src([baseDir + '*.scss', modulesDir + '*.scss'])
    .pipe(sass({cacheLocation: sassCacheDir, lineNumbers: false}))
    .pipe(concat('app.min.css'));

在baseDir中，我有一个如下所示的app.scss文件：

@import "node_modules/foundation-sites/scss/util/util";

@import "settings";
@import "foundation";

在util中有一个名为rem-calc的函数。我在我的Modules scss文件中使用了这个函数，但是这些函数从未被执行。相反，在输出的css中，我有下面的margin-top: rem-calc(10);，而实际上应该将它转换为rem的。

我唯一能做的就是Gulp没有记住src的顺序。任何帮助都将不胜感激。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-11-03 14:05:37

我已经解决了这个问题，方法是从gulpfile中删除modulesDir，而不是使用一个名为gulp-sass-glob的新包

这允许我在我的app.scss文件(在baseDir中)中指定glob，如下所示：

@import "node_modules/foundation-sites/scss/util/util";

@import "settings";
@import "foundation";

// now import the modules
@import "../../../../Modules/**/Assets/scss/*.scss";

我的gulpfile.js是这样的：

var baseDir = 'Base/Assets/scss/**/**';

gulp.task('site-css', function () {
    return gulp.src(baseDir + '*.scss')
        .pipe(sassGlob())
        .pipe(sass({cacheLocation: sassCacheDir, lineNumbers: false}))
        .pipe(concat('app.min.css'));

希望这能帮助到遇到这种情况的其他人。

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47084793

复制

相关文章

是的，股价不遵循随机游走！

《非随机漫步华尔街》是由Lo和MacKinlay撰写的一本在学术上具有挑战性的教科书：

量化投资与机器学习微信公众号

2019/11/12

2.1K0

在 VS 2015 中使用 Gulp 编译 TypeScript

打包 typescript json gulp npm

升级到 VS2015 之后， TypeScript 文件不能自动编译成 js 文件，要编译项目才能讲所有的 ts 文件编译成 js 文件，不过 VS2015 支持 Gulp ，而 Gulp 有 TypeScript 插件，这样使用 Gulp 自动编译 ts 文件的方法就可以实现了。

beginor

2020/08/10

1.3K0

在 VS 2015 中使用 Gulp 编译 TypeScript

Gulp-自动化编译sass和pug文件

自动化 sass html

突然发现在我博客文章中，缺少这一块的记录，那我就补一篇吧。 gulp的环境配置和安装：http://www.cnblogs.com/padding1015/p/7162024.html 这里就补充一篇gulpfile.js的配置，用于自动化编译sass和pug文件用： 1 var gulp = require('gulp'); 2 var pug = require('gulp-pug'); 3 var sass = require('gulp-sass'); 4 var rename = requ

xing.org1^

2018/05/17

9370

Gulp 快速入门gulp API 文档

https://github.com/gulpjs/gulp/blob/master/docs/API.md

一个会写诗的程序员

2018/08/17

7960

Gulp 快速入门gulp API 文档

Gulp 工作流中Sass 增量编译功能的探索

大约是上一年的这个时候，因为项目合并来到了新的项目组中。虽然协作的同岗位同事也是同一个组的，但使用的Gulp 工作流却有些不一样。第一天做项目需求的时候，就遇到了一件让我瞠目结舌的事情：这里的Sass 编译一次居然要10s 以上。有用过Sass 这类CSS 预处理器都知道10s+ 意味着什么，你每保存一次.scss 文件，都必须等上10s 以上才能看到你所改动的效果。如此一来十分尴尬，因为你直接写原生的CSS 语法比这还快。让我更加惊讶的是当时的项目组相关同事已经用了这套工作流快一年了，却居然能一直默默忍

Jeff

2018/01/22

1.4K0

windows上编译 python C源

跟随《python源码剖析》一书，了解python内部机制。今天搞定了在windows上编译python源代码。

py3study

2020/01/08

6840

简单介绍 gulp是基于node开发的所以可以使用npm这个nodejs的包管理工具安装gulp，使用npm首先得配置node环境

河湾欢儿

2018/09/06

1K0

gulp pipe缓存_gulp使用教程

gulp javascript bash html http

gulp的pipe方法是来自nodejs stream API的。 gulp本身是由一系列vinyl模块组织起来的。

全栈程序员站长

2022/11/15

8040

gulp&&webpack打包

webpack node.js gulp javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

sofu456

2019/10/22

6250

编译 Libvirt 源码并创建yum源

yum http 腾讯云测试服务打包

有时候需要测试特定版本的libvirt或者需要测试自己修改过的libvirt。这时候就需要重新编译libvirt，并做成yum源

后端云

2022/11/25

2.4K0

Gulp构建实例

gulp javascript api jquery css

assets 项目资源目录，dev 开发目录，dist 编译输出目录，gulpfile.js 自动化工具 API

零式的天空

2022/03/22

1.8K0

Hive排序函数

注意：排名函数可以跟Over()，但是不能定义window_clause。在计算名次前，需要先排序！

孙晨c

2020/10/10

1.1K0

Python排序函数

编程算法 java https 网络安全

list.sort(cmp=None, key=None, reverse=False)

全栈程序员站长

2022/09/07

4170

delphi数组排序_sql排序函数

https 网络安全 listview android

var m_bSort: boolean=false; //控制正反排序的变量 //ListView排序的回调函数，默认的是快速排序法，也可以自己在这里做算法 function CustomSortProc(Item1, Item2: TListItem; ParamSort: integer): integer; stdcall; var txt1,txt2 : string; begin if ParamSort <> 0 then begin try txt1 := Item1.SubItems.Strings[ParamSort-1]; txt2 := Item2.SubItems.Strings[ParamSort-1]; if m_bSort then begin Result := CompareText(txt1,txt2); end else begin Result := -CompareText(txt1,txt2); end; except end;

全栈程序员站长

2022/11/09

7930

Gulp基本用法

gulp webpack javascript 打包网站

Gulp是一个模块化打包工具。 Gulp本身只有几个入口，支持他拥有强大功能的是各种各样的插件。 Gulp的使用看起来非常简单，只需要一个一个任务链式执行就可以了，它还可以与Webpack结合起来使用比如将Webpack作为一个插件来处理ES6转换为ES5的操作。下面记录一下Gulp的API以及一些用到的插件。

epoos

2022/06/06

7410

Gulp基本使用

打包 gulp javascript

上述代码会将src/test里面的所有js文件合并，压缩成一个文件并保存到./bunld/js/bundle.min.js 运行命令

切图仔

2022/09/08

9740

gulp 错误集锦

gulp javascript html ecmascript 文件存储

报错内容： TypeError: gulp.on(...).on(...).on(...).on(...)\.start is not a function 问题分析：一般这种情况是因为gulp版本引起的。

celineWong7

2020/11/05

1.5K0

gulp npm html javascript 文件存储

复杂的模块依赖关系需要被记录，确保模块的版本和当前保持一致，否则会导致当前项目运行报错

Qwe7

2022/05/21

4690

json npm 人工智能

gulp是趋势 gulp完全开发指南 => 快来换掉你的Grunt吧 gulp的工作流程：文件流--文件流--文件流......因为grunt操作会创建临时文件，会有频繁的IO操作，而gulp使用的是

deepcc

2018/05/16

1.1K0

gulp 插件工作命令行压缩

在前端开发中通常需要做，预处理语言的编译、js文件的压缩、css文件的压缩、图片的压缩等一系列工作，而使用Gulp可以自动化的完成这些工作，从而提高网站的开发效率，在我的博客使用Less中介绍了将Less文件编译成CSS文件的方法，仔细观察可以看到如果按照博客中介绍的方法，在编译多个Less文件或者编译不同文件夹下的Less文件时需要执行多次Less文件编译命令，而使用Gulp可以一次性完成这些操作

用户3880999

2023/04/13

5800

相似问题

Gulp编译CSS多个源

05

Gulp不编译部分

66

gulp插件，gulp ruby-sass不编译

34

Gulp -编译多个sass源和目标

20

gulp不编译sass文件

510

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验