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

Question

我已經創建了一個角度組件（datetime-popup）找到了here

我希望能夠在我的項目中使用它，但是我無法讓它工作。我相信我需要使它成爲一個umd庫或webpack的東西，但我已經看過這個互聯網，我無法找到如何做到這一點，因爲無論我做什麼，它都是錯誤的。

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

編輯：

我試圖複製this project但由於某些原因，當我建立我的示例項目，它在腳本

bundle.js:39725 Uncaught SyntaxError: Unexpected token export

這裏得到一個例外是例外。這個心不是我的代碼和工作正常時，NGX，引導項目是在項目

Answer 1

包裝角庫還是有點黑色藝術。這是在角度cli路線圖提供更好的開箱即用支持。同時，您可以諮詢this excellent overview。

基本上，你需要編譯的模塊和組件與ngc，基於與特定設置的tsconfig.json，這是爲了創建由角所需的元數據的必要步驟建立和在線模板和CSS（如果需要預處理）如果它們在外部文件中。消費應用程序然後從其編譯目錄中導入模塊和組件，通常類似dist或lib，這可以通過package.json中的條目來完成，例如"module": "dist/index.js"。如果您要發佈到npm，那麼您可以簡單地發佈dist目錄。提供更詳盡的細節超出了這個簡短答案的範圍。