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