如何使用 Gulp 作为开发依赖项的 JS 库？

问题描述

我的项目中需要 jQuery。我使用 Gulp 进行 JS 文件管理，我使用 npm 命令 npm install --save-dev jquery 安装了 jQuery。但我不知道，如何在我的主要 JS 文件中使用它。意味着如何将此依赖项（jQuery）与 bundle.min.js 文件连接起来，该文件只是所有 JS 文件的退出点？

gulpfile.js

'use strict'

// Initialize modules
const { src,dest,watch,series,parallel } = require('gulp');
const sass = require('gulp-sass');
const postcss = require('gulp-postcss');
const cssnano = require('cssnano');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const replace = require('gulp-replace');
const renamev = require('gulp-rename');
const rename = require('gulp-rename');

const jquery = require('jquery');

// File path variables
const file = {
    scsspath: 'src/assets/sass/style.scss',jsPath: 'src/assets/js/index.js'
}

// Sass task
function sasstask() {
    return src(file.scsspath)        
        .pipe(sass())
        .pipe(postcss([ cssnano() ]))
        .pipe(rename({suffix: '.min'}))
        .pipe(dest('dist'));
}

// JS task
function jsTask() {
    return src(file.jsPath)
        .pipe(concat('bundle.min.js'))
        .pipe(uglify())
        .pipe(dest('dist'));
}

// Cachebusting task
const cbString = new Date().getTime();

function cacheBustTask() {
    return src('dist/index.html')
        .pipe(replace(/cb=\d+/g,'cb=' + cbString))
        .pipe(dest('dist'));
}

// Watch task
function watchTask() {
    watch(['src/assets/sass/**/*.scss','src/assets/js/**/*.js'],parallel(sasstask,jsTask)
    );
}

// Default task
exports.default = series(
    parallel(sasstask,jsTask),cacheBustTask,watchTask
);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）