The key to understanding how the connection between Vue JS and Django
operates is to understand that we use two support packages to actually
connect the two, both created by the same developer for this specific
1) webpack-bundle-tracker: https://github.com/owais/webpack-bundle-tracker
Creates some stats files based on the files that as you correctly say are "built in n memory" by the development server
2) django-webpack-loader: https://github.com/owais/django-webpack-loader
Reads the files created by webpack-bundle-tracker and injects the code into django's templates.
shown and explained in detail in the course, we use both development
servers (django's and webpack's) + the two packages explained above so
that we can take advantage of Hot Module Replacement (HMR: https://webpack.js.org/concepts/hot-module-replacement/)
which is the feature that in fact "builds those files in memory" and
that allow then webpack-bundle-tracker to create those stats files read
by django-webpack-loader that then injects everything into Django's
When we build the files for production we
then just use them as any other static file, and no webpack server is
used in production.
I hope this clarified your understanding of the two, some struggles while learning are completely normal, don't give up!
suggest you watch again carefully the lessons about the connection with
the two frameworks and the production settings if you have any other
doubts: everything is explained in detail.
제가 듣는 강의 강사가 답변해준게 더 자세해서 참고하시라고 퍼옵니다~