如何让RequireJS在Node.js环境和浏览器中使用jQuery?

时间:2016-10-28 02:54:34

标签: javascript jquery node.js requirejs

我已经用最好的方式设置我的npm包已经超过一个星期了,我似乎无法按照我想要的方式得到它。我最近决定使用 RequireJS 。但是,现在我无法弄清楚如何让 jQuery 工作。

我发现,使用Node开发客户端 JavaScript 时,互联网并不是很有用。

我想要的是什么

我想使用 RequireJS 构建我的包。

从npm安装我的软件包的人应该可以在默认的 Node.js CommonJS 环境中执行此操作:

const pkg = require('mypackage')(jQuery)

(或类似的东西)

浏览器中

<script src="jquery-3.1.1.min.js"></script>
<script src="mypackage.min.js"></script>

(其中mypackage.min.js是单个文件,异步加载其他js个文件)

目前我有什么

CommonJS 环境用例的入口点/index.js

const requirejs = require('requirejs')

requirejs.config({
    baseUrl: __dirname,
    nodeRequire: require
})

module.exports = requirejs('./src/index.js')

&#34;实际&#34;的入口点使用 RequireJS /src/index.js

构建的包
define([
    './a.js',
    './b.js',
    './c.js'
], function() {

    let mypackage = ...
    // etc

    return mypackage
})

这当然到目前为止(目前尚未在浏览器中,我可能希望实现类似this的内容),但我不确定如何集成 jQuery 以便它可以工作对于上述两种情况。

1 个答案:

答案 0 :(得分:0)

我找不到解决方法,所以我制作了一个适合我情况的npm包:

https://www.npmjs.com/package/bundle-js

我没有使用RequireJS,而是连接了一些额外的东西。该软件包同时针对浏览器和CommonJS模块。它接收平坦的.js文件,并为指定的目标环境输出单个捆绑文件。