Gulp 不使用新的 scss 文件更新输出 css

Question

所以我已经在这个项目上工作了一段时间，我想将我自己的 css 添加到项目中。我正在尝试向项目添加一个新的 scss 文件并将其内置到主 css 文件中，但是 Gulp 不想导入我的 scss 文件。

这里是 gulp 代码

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var watch = require('gulp-watch');
var batch = require('gulp-batch');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var concat = require('gulp-concat');
var rename = require('gulp-rename');
var webserver = require('gulp-webserver');

var paths = {
  sass: ['src/scss/**'],
  js: ['src/ng/_declare.js', 'src/ng/**'], //_declare.js needs to be first, so it gets added to bundle first.
  static: ['src/js/**'],
  core: ['./td_frontend_shared/**']
};

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

gulp.task('publish-dev', function(done){

});

gulp.task('sass', function(done) {
  gulp.src('src/scss/import.scss')
    .pipe(sass())
    .on('error', function(err){
      console.log('error building sass', err);
      done();
    })
    .pipe(gulp.dest('public/dist/'))
    .pipe(minifyCss({
      keepSpecialComments: 0
    }))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('public/dist/'))
    .on('end', done);
});

任何帮助将不胜感激！

Answer 1

如果您希望在命令行中使用gulp 立即运行该任务，则需要默认添加该任务。你可以这样做......

gulp.task( 'default', function () {
    gulp.start(
        'sass'
    );
} );

试试我在 HTML 项目中使用 SASS 的存储库，它支持 babel（可选）并在您更改 scss 文件时自动重新加载页面；）

https://github.com/shramee/gulp-sass-babel