小编soe*_*guy的帖子

如何使用Gulp手表仅在修改过的文件上运行任务

我有一个gulp文件中使用的当前gulp任务.路径来自config.json,一切都很完美:

//Some more code and vars...

gulp.task('watch', function() {
    gulp.watch([config.path.devfolder+"/**/*.png", config.path.devfolder+"/**/*.jpg", config.path.devfolder+"/**/*.gif", config.path.devfolder+"/**/*.jpeg"], ['imagemin-cfg']);
})

//Some more code ...

gulp.task('imagemin-cfg', function () {
    return gulp.src([config.path.devfolder+"/**/*.png", config.path.devfolder+"/**/*.jpg", config.path.devfolder+"/**/*.gif", config.path.devfolder+"/**/*.jpeg"], {read: false})
        .pipe(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngcrush()]
        }))
        .pipe(gulp.dest(buildType))
        .pipe(connect.reload());
});
Run Code Online (Sandbox Code Playgroud)

但我仍然有一个问题,我的项目中的图像数量很大,这项任务需要很长时间.我正在寻找一种方法来仅在修改过的文件上运行我的任务.如果我有一个图像或修改它,imagemin()将只在这个图像上运行,而不是在所有图像上运行.

一切都工作得很好,但运行时间真的很长.

谢谢.

gulp gulp-watch

52
推荐指数
4
解决办法
4万
查看次数

文本溢出省略号未显示某些自定义字体

我正在尝试制作一个隐藏溢出文本的文本框.它工作正常,但在某些方面.我正在使用

text-overflow: ellipsis;
Run Code Online (Sandbox Code Playgroud)

这应该"..."在我的文本被剪切的地方放置三个点(),但它不会放置三个点,而是放置看起来像三个点的字符(称为"省略号").

我目前使用的字体没有这个字符,所以它显示了一些其他随机字符而不是三个点.

有没有人有一个简单的解决方法(请不要涉及JavaScript,只有CSS),同时保留我的文字字体?

html css overflow ellipsis css3

15
推荐指数
1
解决办法
6346
查看次数

gulp-sass没有编译sass文件

我实际上正在尝试建立一个gulp计划做网络相关的东西,如编译sass,minify css,uglify javascript等等.但我真的遇到麻烦了.

这是我的代码示例:

gulp.task('compile-sass', function() {
    gulp.src(buildType+config.path.sass+"/main.sass")
        .pipe(compass({
            css: 'css',
            sass: 'sass'
        }))
    .pipe(gulp.dest(buildType+config.path.css+"/test"));
});
Run Code Online (Sandbox Code Playgroud)

所以我在这里使用指南针,因为我只有*.sass文件,没有.scss所以gulp-sass对我不起作用.因此,我在问是否有人能给我一个为什么这个任务不起作用的暗示.这是我的控制台返回的内容:

[gulp] Starting 'compile-sass'...
[gulp] Finished 'compile-sass' after 6.11 ms
[gulp] You must compile individual stylesheets from the project directory.


events.js:72
    throw er; // Unhandled 'error' event
          ^
[gulp] Error in plugin 'gulp-compass': Compass failed
at Transform.<anonymous> (/Users/myusername/node_modules/gulp-compass/index.js:37:28)
at ChildProcess.<anonymous> (/Users/myusername/node_modules/gulp-compass/lib/compass.js:136:7)
at ChildProcess.EventEmitter.emit (events.js:98:17)
at maybeClose (child_process.js:753:16)
at Socket.<anonymous> (child_process.js:966:11)
at Socket.EventEmitter.emit (events.js:95:17)
at Pipe.close (net.js:465:12)
Run Code Online (Sandbox Code Playgroud)

我知道我没有使用任何config.rb,但有两件事:1)我没有找到这样的文件的例子2)gulp-compass doc给出了没有这样文件的例子所以我认为它是可选的

提前致谢.

sass gulp

7
推荐指数
1
解决办法
1万
查看次数

Twig日期循环每一天在一个时期

所以,这是我的情况,我有一个开始日期和结束日期,我希望能够在所谓的时间段内循环所有日子,以便我可以每天打印出来.当然,这只是为了理解如何做到这一点,目标是让他们进入图表.无论如何,我有以下代码(我的vars是什么):

{% set start_year = date(start) | date('d-m-Y') %}
{% set end_year = date(end)| date('d-m-Y') %}

{% for i in start_year..end_year %}
    {{ i }}
{% endfor %}
Run Code Online (Sandbox Code Playgroud)

我的startvar 01-01-2003和我的endvar是10-05-2014.这些值无关紧要,因为它们可以改变,但这就是我的格式.

这实际上打印出0 1我根本不懂的东西.如果有人知道如何做到这一点或如何解决我正在做的事情,那将是非常好的.谢谢.

period twig

6
推荐指数
1
解决办法
4366
查看次数

标签 统计

gulp ×2

css ×1

css3 ×1

ellipsis ×1

gulp-watch ×1

html ×1

overflow ×1

period ×1

sass ×1

twig ×1