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

Question

我是一个新的包裹，我需要一些帮助:我有一些外部的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>

Answer 1

很简单的。

• 安装所需的依赖项

npm i jquery

• 在代码中使用它

import * as $ from 'jquery'

就是这样。

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

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