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

Question

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

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

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

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

当然插件不是模块，它需要在实例化时出现 $ 变量。

Answer 1

您将需要插件：

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

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

How to import a jQuery plugin into a babel app