問題描述

我有這個(gè) node.js 代碼，它試圖將多個(gè) js 文件縮小并合并到一個(gè) js 文件中.

I have this node.js code that tries to minify and combine multiple js files to a single js file.

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

gulp.task('scripts', function() {
    //gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
    gulp.src(['./js/*.js'])
        .pipe(concat('all.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./dist/'))
});

我所有的 js 文件都位于 js 文件夾中.我的 node.js 文件位于 js 文件夾上方.我期望單個(gè)縮小文件出現(xiàn)在 dist 文件夾中.運(yùn)行代碼時(shí)，我什么也看不到，也沒有收到任何錯(cuò)誤消息.可能出了什么問題?

All my js files are located in js folder. My node.js file is above the js folder. I am expecting the single minified file to appear in dist folder. I see nothing and get no error message when I run the code. What could have gone wrong?

推薦答案

Gulpfile.js:

"use strict";

var concat = require('gulp-concat');
var gulp = require('gulp');
var uglify = require('gulp-uglify'); // Add gulp-uglify module to your script

gulp.task('scripts', function() {
    gulp.src('./js/*.js')
        .pipe(concat('all.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./dist/'));
});

檢查 package.json 依賴項(xiàng)

運(yùn)行 npm install 以驗(yàn)證是否正確加載了所有依賴項(xiàng).我認(rèn)為這是您的問題:

Check package.json dependencies

Run npm install to verify that all dependencies correctly loaded. I think this was your issue:

{
    "dependencies": {
        "gulp-concat": "2.x",
        "gulp": "3.x",
        "gulp-uglify": "1.x"
    }
}

這篇關(guān)于這段將多個(gè)js文件合二為一的代碼有什么問題?的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！