如何将 jQuery 插件导入 babel 应用程序

所以我有一个使用 ES6 模块构建并由 babel 转译的现代 javascript 应用程序。

在这个应用程序中,我需要使用一个jQuery 插件来进行一些 DOM 操作。我不想全局公开 jQuery,然后使用脚本标记将插件代码加载到文档中。相反,我希望插件仅在模块内可用:

import $ from 'jquery';
// some magic importing pluginName

$('#element').pluginName();   // how to make this work? 

当然插件不是一个模块,它需要$在实例化时存在变量。

博詹德拉·劳尼亚尔

您将需要使用该插件:

import $ from 'jquery';
require('path-to-plugin');

$('#element').pluginName();

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将Bower依赖项从Ember-cli插件导入到使用的应用程序中?

如何将应用程序 A 中的服务导入应用程序 B?

如何将Babel用于CLI程序?

将 Babel 添加到 Typescript React 应用程序

将 jQuery 表编辑插件添加到我的 rails 5 应用程序

将jQuery插件添加到我的Rails 4应用程序中

如何在Vite应用程序中将库作为插件导入?

如何在angular js应用程序中调用Jquery插件

从自己的应用程序导入累积插件

如何将一个jQuery插件导入我的React组件?turnjs

如何将 AWS S3 插件整合到 Grails 应用程序中?

如何将FB的页面插件添加到AngularJS应用程序?

如何将cordova-plugin-firebase-crash插件与离子应用程序集成

如何在Vue.js 3 / Vite应用程序中将jQuery导入$

如何从jQuery.min.js导入$到Angular 2应用程序中?找不到名字

如何在Angular 2 Webpack应用程序中导入jQuery ui touch Punch?

ES6-将babel / traceur与jQuery插件结合使用

如何将 sapper 应用程序中的 stripe.js 导入我的 preload() 或 onMount()

如何将本地库导入Angular6应用程序?

我们如何将Blockly导入Angular 7应用程序?

如何将 react-modal 导入现有应用程序?

如何将外部库导入ReactJS应用程序(本地)

如何将com.android.internal.telephony.ITelephony导入Android应用程序

如何将Apple的UIImage + Effects类别导入到我的Swift应用程序中?

如何将示例应用程序导入Android Studio Project

如何将Objective-C文件添加/导入到快速应用程序

如何将angular.js模块导入Angular应用程序?

如何将.cer / .p12导入移动应用程序

如何将文件导入使用 create react app 作为原始文本的 react 应用程序?