Question

我是Gulp JS的初学者。目前我正在尝试将一些简单的代码编译到CSS中。我的Gulp任务应为此输出一个新的CSS文件，但在我运行任务后，没有任何反应。我已经包含了gulp-util模块来尝试调试任务执行但它并没有向我显示任何错误。

这是我的Gulp档案：

// gulpfile.js

// --- INIT
var gulp = require('gulp'),
    util = require('gulp-util'),
    less = require('gulp-less'), // compiles less to CSS
    minify = require('gulp-minify-css'), // minifies CSS
    concat = require('gulp-concat'),
    rename = require('gulp-rename'),
    uglify = require('gulp-uglify'); // minifies JS

// Paths variables
var paths = {
    'dev': {
        'less': './laravel/public/assets/less/'
    },
    'assets': {
        'css': './laravel/public/assets/css/ ',
        'js': './laravel/public/assets/js/',
        'vendor': './laravel/public/assets/bower_vendor/'
    }

};

// --- TASKS

// Auth CSS
gulp.task('auth.css', function(){
   return gulp.src(paths.dev.less + 'auth.less')
       .pipe(less().on('error', util.log))
       .pipe(gulp.dest(paths.assets.css))
       .pipe(minify({keepSpecialComments:0}))
       .pipe(rename({suffix: '.min'}))
       .pipe(gulp.dest(paths.assets.css));
});

// --- WATCH

// --- DEFAULT
gulp.task('default', ['auth.css']);

我正在使用Laravel 4.此文件位于根目录中。我改变了路径，但似乎也没有改变。有任何想法吗？

Answer 1

尝试删除path.assets.css末尾的额外空格。

Answer 2

刚修好。似乎，路径必须是：＆＃34; ./ public / assets / css /＆＃34;。现在该文件已生成。

Gulp JS没有输出CSS文件

2 个答案: