如何在前端外部javascript文件中使用aa庫模塊？

Question

情況：

我有一個運行 express.js 的服務器端，我從 SQL 數據庫中獲取數據。 我想通過將這些數據發送給客戶端來向客戶端顯示這些數據。

在前端，我需要把這些數據做成圖表。 可以用 HTML 中的標記並包含我想使用的Plotly庫。 但是，我希望此操作在單獨的文件中完成，即客戶端的外部 JS 腳本。 這避免了HTML 中難以閱讀的代碼。

問題是，如何將Plotly導入外部前端文件並使用？

Answer 1

我希望我能正確理解您的需求：
一個簡單的選擇是將您的兩個腳本包含在您的 html 相關文檔中，並首先包含第二個所需的腳本：

...
<script src="path script 1" />
<script src="path script 2 depending on script 1" />

所以在你使用 CDN 的情況下：

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="path of your script where you use ploty"></script>

PS：
也只是一個提議，但你有沒有想過在你的 js 后端導入 Ploty 並在你的前端使用它？ 或使用 post/get 或使用套接字？

Answer 2

好吧，只需從CDN加載它 :) 這就是 CDN 的用途

<script src="https://cdnjs.cloudflare.com/ajax/libs/plotly.js/1.33.1/plotly-basic.min.js">