Skip to main content

Django integration for Laravel Mix

Project description

Django Mix

Django integration for Laravel Mix

Laravel Mix helper in python representation to easy usage with laravel-mix npm package in Django projects.

Installation

Django:

pip install djangomix

Note: Do not forget to include the package in requirements

Laravel Mix NPM package:

Follow instructions on Laravel Mix webpage

Please, see example of webpack.mix.js configration below.

Usage

Add 'djangomix' to INSTALLED APPS in Django config

Include in base.html (or any other template)

{% load mix %}

Use mix template tag in your templates to load scripts, styles,...

<script src="{% mix 'app.js' 'polls/static' %}"></script>

The paths are related to webpack.mix.js configuration.


Example configration of webpack.mix.js:

let mix = require('laravel-mix');

let staticPath = 'polls/static'
let resourcesPath = 'polls/resources'

// if you don't need browser-sync feature you can remove this lines
if (process.argv.includes('--browser-sync')) {
  mix.browserSync('localhost:8000')
}

mix.setResourceRoot('/static/build') // setResroucesRoots add prefix to url() in scss on example: from /images/close.svg to /static/images/close.svg
mix.setPublicPath('polls/static') // Path where mix-manifest.json is created

mix.js(`${resourcesPath}/js/app.js`, `${staticPath}/`)

Maintained by: Marek Racík from IdeaLoop

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for djangomix, version 1.1.0
Filename, size & hash File type Python version Upload date
djangomix-1.1.0-py3-none-any.whl (4.0 kB) View hashes Wheel py3
djangomix-1.1.0.tar.gz (3.6 kB) View hashes Source None

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN SignalFx SignalFx Supporter DigiCert DigiCert EV certificate StatusPage StatusPage Status page