Django Webpack Boilerplate

screenshot of Django Webpack Boilerplate

Django + Webpack without glue plugins

Overview:

This is a demo project for a blog post that showcases how to use Django and Webpack without any plugins to connect them together. The project is deployed on Fly.io.

Features:

  • Django server: Run the Django server using the command python manage.py runserver.
  • Webpack: Run Webpack in a separate tab using the command yarn start.
  • Development workflow: Use Goreman, a tool that allows you to run Django and Webpack in a single terminal, using the command goreman -f Procfile.dev start.
  • Production workflow: Compile assets first with yarn build, then use Django's collectstatic command with python manage.py collectstatic.

Summary:

This demo project demonstrates how to use Django and Webpack together without any additional plugins. It provides a guide for installation and outlines the development and production workflows for using these technologies.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.