Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

227
Vistas
¿Cómo puedo usar módulos NPM con Django dentro de una aplicación?

Tengo un proyecto Django con 2 aplicaciones. Quiero usar la API de Notion en una de las aplicaciones, así que tengo que instalar su módulo NPM. Sin embargo, nunca he usado NPM ni un paquete (entiendo que tengo que usar uno para la declaración de importación). No tengo idea de cómo hacerlo. ¿Dónde debo instalar el módulo? ¿Debo instalar Webpack o algo similar? ¿Cómo puedo integrar ambas tecnologías con Django?
¿Puede alguien explicarme esto o referirse a un artículo/video que lo explique?
Llevo horas intentándolo y no encuentro nada detallado.
He revisado los siguientes enlaces:

  • Django cómo usar módulos npm con plantillas/estáticas
  • 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

Y mucho más.

O no tienen lo que necesito (son para reaccionar), o simplemente no puedo entenderlos. Sé que probablemente hay muchos artículos sobre esto, pero no puedo encontrarlos o son demasiado complicados para mí (lo siento, soy tonto).

Si alguien puede ayudarme, me alegraría el día.

¡Gracias!

PD: estoy usando Typescript, pero puedo usar Vanilla JS si es necesario.

over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

Tienes dos cosas que hacer para que tu aplicación funcione como quieres.

  1. Instalar, configurar y ejecutar un paquete de módulos
  2. Usar collectstatic

Paquete de módulos:

Tiene algunas opciones, pero la mayoría usa webpack porque es el más popular. Prefiero rollup, pero todo depende de las preferencias.

resumen de inicio rápido: https://rollupjs.org/guide/en/#quick-start

paquete web: https://webpack.js.org/concepts/

Dado que está utilizando Typescript, consulte los complementos para agrupar Typescript

https://webpack.js.org/guides/typescript/

https://github.com/rollup/rollup-plugin-typescript

Después de agrupar, debe tener un archivo main.js o equivalente. Asegúrese de que main.js esté en su propia carpeta. Los empaquetadores normalmente harán esto por usted.

Agregue ese directorio a su STATICFILES_DIRS en settings.py .

Tenga en cuenta que deberá establecer un STATIC_ROOT para que esto funcione. Esta será una carpeta en la que almacenará sus archivos estáticos recopilados.

Ejecute python manage.py collectstatic

Nota al margen: si está utilizando python manage.py runserver para iniciar su aplicación, no necesita ejecutar collectstatic

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda