从终端运行Gulp命令

时间:2019-02-13 07:59:50

标签: wordpress sass gulp

我正在使用在线教程在MAMP环境中首次设计Wordpress主题。

我是Gulp和SASS的新手,我正在尝试从Mac上的文件夹运行/执行Gulp,但似乎无法在终端中正确获取命令。

我已经成功运行并安装了Gulp,但是无法进行下一步(本教程仅提供Windows的说明)。

我知道我必须在上执行“运行”命令,但我一直弄错了。

简而言之,终端中的“运行”或“执行”文件命令应该是什么样?

1 个答案:

答案 0 :(得分:0)

到目前为止,您已经在终端中运行了哪些命令。 检查节点,npm,npx和gulp 使用这些命令可以快速检查它们是否已安装。

node --version

npm --version

npx --version

那您有gulpfile.js文件吗?如果没有运行此命令

npx -p touch nodetouch gulpfile.js

然后将SASS命令添加到文件中。

例如

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');

sass.compiler = require('node-sass');

gulp.task('sass', function () {
  return gulp.src('./sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./css'));
});

gulp.task('sass:watch', function () {
  gulp.watch('./sass/**/*.scss', ['sass']);
});

要运行gulp,请确保您位于包含gulpfile.js的目录中。

gulp

这是在Mac终端上快速使用Gulp的快速入门。 https://gulpjs.com/docs/en/getting-started/quick-start

希望有帮助。