我目前正在关于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,并且它不是视频显示的输出。我不知所措。
答案 0 :(得分:1)
您获得的输出不是错误消息,它只是模块npm install
的日志。
第一部分是基于您的 gulp-sass 使用的C版Sass的node-sass库的编译。正如您所看到的,构建正在传递并告诉您二进制文件正常。
输出的另一部分是刚安装的所有子依赖项 npm 的摘要,其名称和版本是您想要的其中一个模块所需的。
但是您的命令存在一些问题:
sudo
,因为这些模块将安装在您当前的工作目录中。sudo npm install -g gulp
全局安装它,并且能够直接在您的shell中运行gulp
。在此之后,您需要做的就是创建一个看起来像这样的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