不明白 Gulp 在告诉我什么

Question

我目前正在关注 Laracasts 的系列“从头开始构建 Larabook”，在第 6 集中，我们必须将 scss 编译成 css。

我正在尝试使用 Gulp 在 vagrant box 上将 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，而且它不是视频显示的输出。我很茫然。

Answer 1

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

第一部分是基于你的 gulp-sass 使用的 C 版本的 Sass 编译 node-sass 库。如您所见，构建正在传递并告诉您二进制文件很好。

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

但是你的命令有一些问题：

1. 您不必运行sudo，因为这些模块将安装在您当前的工作目录中。
2. 您唯一需要的 sudo 是使用命令 sudo npm install -g gulp 来全局安装它并能够直接在您的 shell 中运行 gulp。

在此之后，您需要做的就是创建一个如下所示的 Gulpfile（根据您的需要更改路径）：

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