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

Posted 2021-04-06

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

在这个应用程序中，我需要使用jQuery plugin进行一些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();