gulp是一款流行的構(gòu)建工具,它可以幫助我們自動(dòng)化完成一些重復(fù)性的工作。在前端開(kāi)發(fā)中,我們通常會(huì)使用jQuery來(lái)操作DOM,那么如何使用gulp來(lái)引入jQuery呢?
1. 在根目錄下新建package.json文件,并在其中添加依賴項(xiàng),如下:
{
"dependencies": {
"jquery": "^3.3.1"
}
}
2. 在命令行中執(zhí)行npm install命令,以安裝jQuery和其他依賴項(xiàng)。
3. 在gulpfile.js文件中引入jQuery,如下:
var gulp = require('gulp');
var $ = require('jquery');
// 這里的$即為jQuery
4. 接下來(lái)就可以愉快地在gulp任務(wù)中使用jQuery了,例如:
gulp.task('demo', function() {
$('body').append('<div>Hello, jQuery!</div>');
});
以上就是使用gulp引入jQuery的方法,非常簡(jiǎn)單吧!