4

去年一直使用 Gulp 2 年来，我突然遇到了文件导入少的问题，无法解决。

我已经尝试了超过 5 种组合，例如来自 SmashingMagazine、来自 gulp-less 的主页等……没有一个对我有用。

问题是（控制台输出中的错误日志）：

C:\wamp\www\lumenframe>gulp less
[10:23:25] Using gulpfile C:\wamp\www\lumenframe\Gulpfile.js
[10:23:25] Starting 'less'...
Potentially unhandled rejection [2] '/bower_components/animate.css/animate.css' wasn't found. Tried - /bower_components/animate.css/animate.c
ss,bower_components\bootstrap\less\bower_components\animate.css\animate.css,bower_components\animate.css\bower_components\animate.css\animate
.css,bower_components\font-awesome\less\bower_components\animate.css\animate.css in file C:\wamp\www\lumenframe\bower_components\assets\l
ess\appstrap.less line no. 43

Gulpfile.js 看起来像这样：

// Init Gulp
var gulp = require('gulp');

// Dependencies
var less = require('gulp-less'),
    concat = require('gulp-concat'),
    rename = require('gulp-rename'),
    uglify = require('gulp-uglify'),
    autoprefixer = require('gulp-uglify');

// Folder paths
var jsdir = './bower_components/assets/js/',
    jspub = './public/assets/js/',
    lessdir = './bower_components/assets/less/',
    lesspub = './public/assets/css/';

// LESS compiler
gulp.task('less', function () {
    return gulp.src(lessdir + 'frontend.less')
        .pipe(less({
            compress: true,
            paths: [
                './bower_components/bootstrap/less/',
                './bower_components/animate.css/',
                './bower_components/font-awesome/less/'
            ]
        }))
        .pipe(autoprefixer('last 10 versions', 'ie 9'))
        .pipe(gulp.dest(lesspub));
});

// Concatenate and Minify JS
gulp.task('scripts', function () {
    return gulp.src(jsdir + '*.js')
        .pipe(concat('appstrap.js'))
        .pipe(gulp.dest(jspub))
        .pipe(rename('appstrap.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest(jspub));
});

// Filewatcher for changes
gulp.task('watch', function () {
    gulp.watch(jsdir + '*.js', ['scripts']);
    gulp.watch(lessdir + '*.less', ['less']);
});

// Default Task combination
gulp.task('default', ['less', 'scripts', 'watch']);

所有文件都在适当的位置，因此它们存在。一旦我这样做@import appstrap.less，它就会出现错误**可能未处理的拒绝[2]。

frontend.less 看起来像这样：

// Core source files of the whole frontend plugins
@import (once) "appstrap.less";

.btn{
    color: #ff0000;
    display: block;
}

任何可见的错误？

4

0 回答 0