提问者:小点点

如何将jQuery,jQuery DataTable,Charts.JS等外部JS库包含到Parcel Bundler中?


我是一个新的包裹,我需要一些帮助:我有一些外部的JS库,我使用我的网站开发。 那么如何将所有这些都包含在我的构建中呢? 注意:我使用了所有CDN URL,如下所示

<script defer src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script defer src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script&gt;
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script>
<script src="js/main.js" defer></script>

共1个答案

匿名用户

很简单的。

  • 安装所需的依赖项
npm i jquery
  • 在代码中使用它
import * as $ from 'jquery'

就是这样。

如果您更喜欢将它们保存在CDN上,只需将它们包含到index.html中并保存在那里即可。 如果需要IntelliSense,可以使用npm i@types/jquery-d安装类型。

重要提示:不要混合使用这些方法,您将执行双重加载。