我有一個帶有 2 個應用程式的 Django 專案。我想在其中一個應用程式中使用 Notion API，所以我必須安裝它的 NPM 模塊。但是，我從未使用過 NPM 或打包程式（我知道我必須在 import 陳述句中使用一個）。我不知道該怎么做。我應該在哪里安裝模塊？我應該安裝 Webpack 或類似的東西嗎？如何將這兩種技術與 Django 集成？
有人可以向我解釋這一點，或者參考一篇文章/視頻解釋嗎？
我已經嘗試了幾個小時，但找不到任何詳細資訊。
我檢查了以下鏈接：
- Django 如何使用帶有靜態/模板的 npm 模塊
- https://gist.github.com/brizandrew/685a588fbefbd64cd95ed9ec4db84848
- https://www.saaspegasus.com/guides/modern-javascript-for-django-developers/integrating-javascript-pipeline/
- https://www.saaspegasus.com/guides/modern-javascript-for-django-developers/integrating-javascript-pipeline/
- https://www.techiediaries.com/django-webpack-react/
- https://owais.lone.pw/blog/webpack-plus-reactjs-and-django/
- https://pythonrepo.com/repo/owais-django-webpack-loader-python-developing-restful-apis
還有很多。
他們要么沒有我需要的東西（他們是為了反應），要么我就是無法理解他們。我知道可能有很多關于這方面的文章，但要么我找不到它們，要么它們對我來說太復雜了（對不起，我很笨）。
如果有人能幫助我，那會讓我開心。
謝謝！
PS 我正在使用 Typescript，但如有必要，我可以使用 vanilla JS。
uj5u.com熱心網友回復：
為了讓您的應用程式按照您想要的方式作業，您需要做兩件事。
- 安裝、配置和運行模塊打包器
- 用
collectstatic
模塊打包器：
您有幾個選擇，但大多數都使用 webpack，因為它是最受歡迎的。我更喜歡匯總，但這完全取決于偏好。
匯總快速入門：https : //rollupjs.org/guide/en/#quick-start
網路包：https ://webpack.js.org/concepts/
由于您使用的是 Typescript，請參閱用于捆綁 Typescript 的插件
https://webpack.js.org/guides/typescript/
https://github.com/rollup/rollup-plugin-typescript
捆綁后，您應該有一個main.js檔案或等效檔案。確保它main.js在它自己的檔案夾中。捆綁商通常會為您執行此操作。
將該目錄添加到您STATICFILES_DIRS的settings.py.
請注意，您需要為此設定一個STATIC_ROOT。這將是一個檔案夾，您將在其中存盤收集的靜態檔案。
跑 python manage.py collectstatic
旁注：如果您正在使用python manage.py runserver來啟動您的應用程式，則不需要運行collectstatic
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/364361.html