不明白Gulp告诉我的是什么

时间:2014-08-13 17:23:12

标签: sass npm vagrant gulp

我目前正在关于Laracasts的系列节目中跟随#34; Build Larabook From Scratch"在第6集中,我们必须将scss编译成css。

我试图使用Gulp将scss编译为css,在一个流浪盒上(根据系列)。但是,当我运行命令sudo npm install gulp gulp-sass gulp-autoprefixer --save-dev时,我得到以下输出(它似乎不是我想要的):

npm WARN package.json @ No repository field.

> node-sass@0.9.3 install /home/vagrant/larabook/node_modules/gulp-sass/node_modules/node-sass

> node build.js

`linux-x64-v8-3.14` exists; testing

|

․․․․․․․․․․․/

24 passing (112ms)

Binary is fine; exiting

gulp@3.8.7 node_modules/gulp

├── tildify@0.2.0

├── interpret@0.3.5

├── pretty-hrtime@0.2.1

├── deprecated@0.0.1

├── archy@0.0.2

├── minimist@0.2.0

├── chalk@0.5.1 (escape-string-regexp@1.0.1, ansi-styles@1.1.0, supports-color@0.2.0, strip-ansi@0.3.0, has-ansi@0.1.0)

├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5)

├── semver@3.0.1

├── gulp-util@3.0.0 (lodash._reinterpolate@2.4.1, dateformat@1.0.8-1.2.3, lodash.template@2.4.1, vinyl@0.2.3, through2@0.5.1, multipipe@0.1.1, lodash@2.4.1)

├── vinyl-fs@0.3.6 (graceful-fs@3.0.2, strip-bom@0.3.1, vinyl@0.3.2, mkdirp@0.5.0, through2@0.5.1, glob-watcher@0.0.6, glob-stream@3.1.14, lodash@2.4.1)

└── liftoff@0.12.0 (extend@1.2.1, minimist@0.1.0, resolve@0.7.4, findup-sync@0.1.3)

gulp-autoprefixer@0.0.8 node_modules/gulp-autoprefixer

├── bufferstreams@0.0.2 (readable-stream@1.0.27-1)

├── gulp-util@2.2.20 (lodash._reinterpolate@2.4.1, dateformat@1.0.8-1.2.3, chalk@0.5.1, vinyl@0.2.3, minimist@0.2.0, lodash.template@2.4.1, multipipe@0.1.1, through2@0.5.1)

└── autoprefixer@2.2.0 (fs-extra@0.10.0, postcss@2.1.2, caniuse-db@1.0.20140810)

gulp-sass@0.7.2 node_modules/gulp-sass

├── map-stream@0.1.0

├── gulp-util@2.2.20 (lodash._reinterpolate@2.4.1, dateformat@1.0.8-1.2.3, vinyl@0.2.3, minimist@0.2.0, chalk@0.5.1, lodash.template@2.4.1, through2@0.5.1, multipipe@0.1.1)

└── node-sass@0.9.3 (object-assign@0.3.1, node-watch@0.3.4, mkdirp@0.3.5, nan@1.0.0, chalk@0.4.0, shelljs@0.2.6, node-sass-middleware@0.2.0, optimist@0.6.1, sinon@1.9.1, mocha@1.18.2)

我不知道这是不是错误。但是,我知道我仍然无法编译css,并且它不是视频显示的输出。我不知所措。

1 个答案:

答案 0 :(得分:1)

您获得的输出不是错误消息,它只是模块npm install的日志。

第一部分是基于您的 gulp-sass 使用的C版Sass的node-sass库的编译。正如您所看到的,构建正在传递并告诉您二进制文件正常。

输出的另一部分是刚安装的所有子依赖项 npm 的摘要,其名称和版本是您想要的其中一个模块所需的。

但是您的命令存在一些问题:

  1. 您不必运行sudo,因为这些模块将安装在您当前的工作目录中。
  2. 您需要的唯一sudo是使用命令sudo npm install -g gulp全局安装它,并且能够直接在您的shell中运行gulp
  3. 在此之后,您需要做的就是创建一个看起来像这样的Gulp文件(相应地更改路径):

    var gulp = require('gulp');
    var sass = require('gulp-sass')
    
    gulp.task('sass', function () {
      gulp.src('./scss/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./css'));
    });
    

    最后运行

    gulp sass