协助安装gulp

时间:2017-03-05 15:35:16

标签: javascript gulp

我之前从未安装过gulp,但我现在正试图这样做。我正在尝试按照教程进行操作,并且已经在我桌面上的文件夹中使用gulpfile.js(我从github下载文件,按照教程中的说明)以及我正在尝试创建的项目的其他必要文件。我在播放视频时尝试全局安装gulp。输入命令后,一切似乎都没问题,直到我尝试gulp命令,返回找不到的gulpfile。然后我尝试使用命令touch gulpfile.js,它说我有另一个错误:找不到默认值(或者沿着这些行的东西)。因为我觉得搞砸了,所以我删除了一口气。如果我的桌面文件夹中已经有gulpfile,有人可以告诉我如何安装gulp吗?我已经安装了节点。我在Mac上,对所有这些东西都是一个完整的新手。所有人都非常感激。

1 个答案:

答案 0 :(得分:1)

你必须将gulpfile.js放在不在桌面上的项目中。

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

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

  8. 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']);
    
    1. 在app文件夹中创建两个新文件夹/js/js/dist

    2. /js文件夹中创建将缩小的javascript文件。

    3. 在您的应用文件夹中运行命令gulp,您的文件将缩小为'js / dist';