Change this to match the path to your files in production (could be S3, CloudFront, etc.) Update your file to look like this: const BundleTracker = require('webpack-bundle-tracker') In the frontend folder, run npm i -save-dev webpack-bundle-tracker. gitignore (you're hopefully already using git for Django) Open your Django app in your favorite editor so we can make some changes.ĭelete the following folders/files from the frontend folder: As far as presets and features, you do you.
#DJANGO LIVERELOAD INSTALL#
If you haven't already, install Vue CLI with npm i -g vue ui and create a new project named frontend in your Django project folder. If you want it named something else, or want it in a different folder, just update the paths accordingly. If you're using Django though, you may not have the easiest time getting its static system and webpack to play well together.Ī good chunk of this is applicable to any webpack-compiled frontend and Django, but we'll focus specifically on the steps involved with Vue CLI.Īs a quick heads up: this tutorial assumes you're creating your Vue project in a folder named frontend inside of your Django project folder.
The Vue team has done a phenomenal job of making an easy-to-use tool for getting started with reasonable defaults. Note: This guide has been updated for use with version 4! Please make sure you're using the latest version of it comes to starting new Vue projects, you can't really beat Vue CLI. Using Vue CLI to start a Vue frontend for use with a Django backend
0 kommentar(er)
