在NodeJs中使用jQuery?
有时候在项目中需要使用jq在node中,但是使用起来却不是那么友好,那么现在该怎么做?改写JQ插件?将JQ插件打包成npm包,再在项目中进行引用?显然这些相比较于难度都比较大。接下来介绍一种简单的方法。
首先安装jquery以及jsdom。
jquery:https://www.npmjs.com/package/jquery
jsdom:https://www.npmjs.com/package/jsdom
命令如下:
npm install jquery
npm install jsdom
安装完成之后,在项目中引入
const $ = require('jquery')(require("jsdom").jsdom().defaultView);
以上代码为老版本的代码,在jsdom更新后,不可用
新版本的使用方法为:
const jsdom = require('jsdom'); const {JSDOM} = jsdom; const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window; global.document = document; const window = document.defaultView; const $ = require('jquery')(window);
将这些文件引入到jq所在的目录中,并且将原来jq声明的立即执行函数进行替换。
(function($) {
//some var //some function //dosometing
})(jQuery);
最终的形式类似于这样
const jsdom = require('jsdom'); const {JSDOM} = jsdom; const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window; global.document = document; const window = document.defaultView; const $ = require('jquery')(window);
//some var //some function //dosometing
然后可以根据node的写法,将自己的函数暴露出去。