Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

218
Visualizações
¿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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda