javascript - 协助安装 gulp

Question

我以前从未安装过 gulp，但我现在正在尝试这样做。我正在尝试按照教程进行操作，并且已经将 gulpfile.js (我按照教程中的说明从 github 下载了该文件)放在桌面上的一个文件夹中，其中包含我尝试创建的项目的其他必要文件。我尝试在观看视频时全局安装 gulp。输入命令后，一切似乎都很好，直到我尝试 gulp 命令，该命令返回 gulpfile not find 。然后我尝试使用命令 touch gulpfile.js ，它说我有另一个错误:未找到默认值(或类似的内容)。我去掉了咕噜声，因为我觉得有些事情搞砸了。如果我桌面上的文件夹中已经有 gulpfile，有人可以指导我如何安装 gulp 吗？我已经安装了节点。我使用的是 Mac，对所有这些东西都是新手。非常感谢所有帮助。

Answer 1

您必须将 gulpfile.js 放在一个项目中，而不是放在桌面中。

1. 创建名为“app”的新文件夹
2. 打开终端并运行命令cd app
3. npm init
4. npm install gulp-cli -g
5. npm install gulp -D

6. 在应用文件夹中创建 gulpfile.js 或运行命令 touch gulpfile.js。

7. 如果您想缩小 JavaScript 文件，现在您需要安装新插件，例如 gulp-uglify。

8.运行命令npm install gulp-uglify来安装此插件。

9.打开gulpfile.js并复制以下代码:

var gulp = require('gulp');

// Include Our Plugin
var uglify = require('gulp-uglify');

// uglify Task
gulp.task('lint', function() {
    return gulp.src('js/*.js')
        .pipe(uglify())
        .pipe(gulp.dist('js/dist'));
});
gulp.task('default', ['uglify']);

在应用文件夹中创建两个新文件夹 /js 和 /js/dist。

在 /js 文件夹中创建您的 javascript 文件，该文件将被缩小。

在您的应用程序文件夹中运行命令gulp，您的文件将被缩小到“js/dist”中；