简体   繁体   English

Gulp JS不输出CSS文件

[英]Gulp JS doesn't output CSS file

I'm a Gulp JS beginner. 我是Gulp JS初学者。 Currently I'm trying to compile some simple less code to CSS. 目前,我正在尝试将一些简单的代码编译为CSS。 My Gulp task should output a new CSS file for this but after I run the task, nothing happens. 我的Gulp任务应该为此输出一个新的CSS文件,但是运行任务之后,什么也没发生。 I've included the gulp-util module to try to debug the task execution but it doesn't show me any errors. 我已经包含了gulp-util模块来尝试调试任务执行,但是它没有显示任何错误。

Here's my Gulp file: 这是我的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']);

I'm using Laravel 4. This file lives in the root directory. 我正在使用Laravel4。该文件位于根目录中。 I have changed the paths but that doesn't seem to work either. 我已经更改了路径,但这似乎也不起作用。 Any ideas? 有任何想法吗?

尝试删除path.assets.css末尾的多余空间。

Just fixed. 刚刚修复。 It seems, the path had to be something like: "./public/assets/css/". 看来,路径必须类似于:“ ./ public / assets / css /”。 Now the file has been generated. 现在已生成文件。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM