微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何使用 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 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?