首页  >  文章  >  web前端  >  如何在 ES6 语法中导入 jQuery?

如何在 ES6 语法中导入 jQuery?

Susan Sarandon
Susan Sarandon原创
2024-10-25 02:55:02139浏览

How to Import jQuery in ES6 Syntax?

在 ES6 语法中导入 jQuery

问题

使用基于 jQuery 构建的库迁移到 ES6 语法的应用程序可能会导致有关导入 jQuery 的问题在新语法中。

解决方案

1.从node_modules目录导入

import * as stylesheet from '../assets/styles/app.scss';<br>import {$, jQuery} from 'jquery'; // 从node_modules导入<br>import * as jquery3 from '../dist/scripts/jquery.min';<p>console.log($('my-app'));<br>&lt ;/pre></p><p><strong>2.导出其他脚本</strong></p><p></p><pre class="brush:php;toolbar:false">window.$ = $;<br>window.jQuery = jQuery;<br>

注释

  • 使用 glob 作为 是不必要的,因为正在导入特定的对象。
  • 同时导入 $ 和 jQuery 有利于覆盖所有使用场景。
  • 使用 window.$ = $ 将导入公开给其他脚本是必不可少的。

以上是如何在 ES6 语法中导入 jQuery?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn