1

所以，下面是我的整个 gulp 文件。我的样式/src 文件夹中有一个 style.css，我希望 gulp 在我的样式/dist 文件夹中输出一个 style.min.css 文件。gulp-clean-css 生成缩小文件，gulp-rename 添加 .min 后缀。

当我有一个空的 dist 文件夹并运行 gulp 时，它成功地在 dist 中创建了缩小的 css 文件，但随后对 style.css 的每次编辑（由观察者监视）都会导致 min 文件被擦除，并且此后永远不会正确填充。

var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
var rename = require('gulp-rename');

var config = {
   srcCss : 'styles/src/**/*.css',
   distCss: 'styles/dist'
}

gulp.task('minify-css', function() {
    gulp.src(config.srcCss)
        .pipe(cleanCSS())
        .pipe(rename('style.min.css'))
        .pipe(gulp.dest(config.distCss));
});

gulp.task('watch', function() {
    gulp.watch('./styles/src/style.css', ['minify-css'])
});

gulp.task('default', ['minify-css', 'watch']);

为了进一步增加混乱，我将 Atom 用于我的 IDE，当我在 Atom 中进行编辑时，gulp 将清除 .min 文件以清除任何不是初始编辑（创建 .min 文件）的编辑，但是如果我在 CLI 上使用 nano 进行所有编辑，则 .min 文件每次都会正确填充。也许我应该找一个新的IDE？

4

0 回答 0