javascript - 如何用webpack构建和使用自己的第三方JS库?
为情所困
为情所困 2017-05-19 10:47:18
[JavaScript讨论组]

很好奇像jQueryReact这些打包好的库加载之后可以在全局中使用$,jQueryReact来访问,想知道自己构建的库如何做到可以在全局中像React这样可以在全局中使用。

我发现webpack打包之后在全局根本找不到定义的相关对象。

为情所困
为情所困

全部回复(3)
曾经蜡笔没有小新

打包成 library 即可,请详读 https://webpack.js.org/guides...

给我你的怀抱

webpack打包后都是闭包, 全局怎么可能访问的到

要想全局访问的到, 必须在webpack里添加new webpack.ProvidePlugin的相关配置

比如

new webpack.ProvidePlugin({$: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery'})
为情所困

一般直接把你的主对象(或类)注册到全局对象上就好了,比如可以模仿 jQuery 注册方法(去掉了判断 document 的那一段):

(function(global, factory) {
    "use strict";
    // 兼容模块化框架(主要是 AMD 框架)
    if (typeof module === "object" && typeof module.exports === "object") {
        module.exports = factory(global);
    } else {
        factory(global);
    }
})(typeof window !== "undefined" ? window : this, function(global) {
    // 这里是你的库代码
    global = MyLibEntry;
});

如果你是采用的模块化写法,可以在入口模块上写上述代码。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号