[英]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.