無法使用Webpack使Angular組件在項目中工作？

Question

我創建找到了一個角及部件（日期時間，彈出式） 在這里

我希望能夠在我的項目中使用它，但是我無法使其正常工作。 我相信我需要使它成為一個umd庫或帶有webpack的東西，但是我已經在這個互聯網上看了一下，但是我找不到如何做的方法，因為無論我做什么，都會出錯。

有人可以幫我解決這個問題嗎？ 我希望能夠在演示中引用該項目，並且還可以通過使用npm的外部項目來使用它。

編輯：

我試圖復制該項目，但是由於某種原因，當我構建示例項目時，它在腳本中得到了異常

bundle.js：39725 Uncaught SyntaxError：意外的令牌導出

這是例外。 這不是我的代碼，當ngx-bootstrap項目在項目中時工作正常

Answer 1

打包Angular庫仍然有些不道德。 它在angular-cli路線圖上可提供更好的現成支持。 同時，您可以查閱此出色的概述 。

基本上，您需要基於tsconfig.json和特定設置，使用ngc編譯模塊和組件，這是創建Angular構建所需的元數據並內聯模板和CSS的必要步驟（如果它們在外部文件中，則進行必要的處理）。 然后，使用該應用程序的應用程序將從模塊和組件的編譯目錄（通常是dist或lib導入模塊和組件，這可以通過package.json的條目（例如"module": "dist/index.js" 。 如果要發布到npm ，則只需發布dist目錄。 提供更詳盡的細節超出了此簡短答案的范圍。