时间戳

首页 > 解决方案 > 从终端运行 Gulp 命令

wordpress - 从终端运行 Gulp 命令

问题描述

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

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

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

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

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

标签： wordpresssassgulp

解决方案

在您的终端中，到目前为止您运行了哪些命令。检查 node、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

希望有帮助。

推荐阅读