將Rollup + Svelte與第三方AMD庫一起使用

Question

我了解Svelte可以產生AMD 輸出，並在文檔中找到有關如何執行此操作的詳細信息。 我還可以找到有關如何配置匯總以輸出 AMD模塊的信息。 但是輸入呢？ 當我將AMD模塊作為依賴項時該怎么辦？

例如，假設我有兩個不同的第三方庫，它們都作為AMD庫分發，並且我想在我的Svelte項目中使用這些庫。 我將如何修改例如。 此嵌套組件演示允許這些AMD模塊用作我的Svelte組件的依賴項？

另外，我是否可以配置是否將這些庫與Svelte組件捆綁在一起？ 如果是這樣，我需要在哪里做？

---

注意

我也在Github上提出了這個問題。

Answer 1

AMD模塊很難轉換為ES模塊，因此您可能很難將它們與Rollup捆綁在一起。 （有匯總插件-amd，但附帶警告）。

但是您可以輕松地將它們視為分別加載的外部依賴項-只需import它們正常import ，然后配置匯總即可：

// rollup.config.js
export default {
  // ...
  format: 'amd',
  external: ['an-external-amd-module'],
  paths: {
    'an-external-amd-module': 'https://my-cdn.com/an-external-amd-module.js'
  }
};

您可以在此處看到一個演示（ 此處為 repo ）-請注意，由於匯總配置 ，我們正在加載一個名為the-answer的外部AMD模塊，盡管它是常規import 。