css - gulp sass 没有编译我的 .min 文件,但没有抛出错误
问题描述
gulp 的新手,一切都已安装并且运行正常
gulp --version CLI 版本:2.3.0 本地版本:4.0.2
当我更改我的 scss 文件时,什么都没有发生.. gulp 在终端中愉快地运行
[13:34:16] Starting 'compile_scss'...
[13:34:16] Starting 'compile_scss'...
[13:34:16] Finished 'compile_scss' after 12 ms
[13:34:16] Starting 'detect_change_scss'...
[13:34:16] Finished 'detect_change_scss' after 16 ms
[13:34:16] Finished 'compile_scss' after 32 ms*
这是我的代码
'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCSS = require('gulp-clean-css');
var uglify = require('gulp-uglify');
var renamed = require('gulp-rename');
var changed = require('gulp-changed');
var SCSS_SRC = './src/Assets/scss/**/*.scss';
var SCSS_DEST = './src/Assets/css';
function compile_scss (done) {
gulp.src(SCSS_SRC)
.pipe(sass().on('error', sass.logError))
.pipe(minifyCSS())
.pipe(renamed({ suffix: '.min' }))
.pipe(changed(SCSS_DEST))
.pipe(gulp.dest(SCSS_DEST));
done();
}
function detect_change_scss (done) {
gulp.watch(SCSS_SRC)
done();
}
gulp.task("compile_scss", gulp.series(compile_scss, detect_change_scss, ));
解决方案
您需要告诉 gulp 在检测到更改时要运行什么函数。所以试试这个:
function detect_change_scss (done) {
gulp.watch(SCSS_SRC, gulp.series(compile_scss))
done();
}
推荐阅读
- github - 受保护的分支设置中的检查列表中缺少 Github 操作状态检查
- python - 从数据框中删除列内的此字符串“\r”
- python - URL 中的 Web 脚本无效语法
- javascript - Angular:如何解决 - 阻止创建 WebMediaPlayer 的尝试,因为已经存在太多 WebMediaPlayer
- gnu - bash bc 命令将大写字母转换为 9
- javascript - 如何添加掷骰结果的总数?
- nestjs - 当我运行命令时,TypeORM 正在复制我的帖子 | CQRS
- reactjs - npx create react app 命令不起作用
- python - ValueError:尝试相对导入超出顶级包 python
- javascript - 无限水平螺旋循环