从终端运行Gulp命令

Posted 2021-03-31

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

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

我已成功运行并安装了Gulp，但无法获得该过程的下一部分（本教程仅提供Windows的说明）。

我知道我必须执行一个“运行”命令，但我一直都弄错了。

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

答案

在您的终端中，到目前为止您运行了哪些命令。检查node，npm，npx和gulp检查它们是否已安装的快速方法是使用这些命令。

node --version

npm --version

npx --version

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

npx -p touch nodetouch gulpfile.js

然后在文件中添加SASS命令。

e.g

'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

希望有所帮助。