Release 0.0.6:

    * Breaking changes:

        Instead of defining a BASE_URL, webpack loader now expects BUNDLE_DIR_NAME.

        `BUNDLE_DIR_NAME` refers to the directory that is added to STATICFILES_DIRS and contains the webpack output directory.

Author: owais

README.md

@@ -9,7 +9,7 @@ Read http://owaislone.org/blog/webpack-plus-reactjs-and-django/ for a detailed s
 
 <br>
 
-Use webpack to generate your static bundles without django's staticfiles or opaque wrappers. 
+Use webpack to generate your static bundles without django's staticfiles or opaque wrappers.
 
 
 Django webpack loader consumes the output generated by [webpack-bundle-tracker](https://github.com/owais/webpack-bundle-tracker) and lets you use the generated bundles in django.
@@ -41,9 +41,11 @@ BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
 
 <br>
 Assuming `assets/` is in `settings.STATICFILES_DIRS` like
+
+STATIC_ASSETS = os.path.join(BASE_DIR, 'assets')
 ```python
 STATICFILES_DIRS = (
-	os.path.join(BASE_DIR, 'assets'),
+ STATIC_ASSETS,
 )
 ```
 
@@ -71,7 +73,7 @@ module.exports = {
 ### Default Configuration
 ```python
 WEBPACK_LOADER = {
-    'BASE_URL': 'webpack_bundles/',
+    'BUNDLE_DIR_NAME': 'webpack_bundles/', # must end with slash
     'STATS_FILE': 'webpack-stats.json',
     'POLL_DELAY': 0.2,
     'IGNORE': ['.+\.hot-update.js', '.+\.map']
@@ -80,19 +82,19 @@ WEBPACK_LOADER = {
 
 <br>
 
-#### WEBPACK_BUNDLE_URL
+#### BUNDLE_DIR_NAME
 ```python
 WEBPACK_LOADER = {
-	'BASE_URL': STATIC_URL + 'bundles/'
+	'BUNDLE_DIR_NAME': 'bundles/' # end with slash
 }
 ```
 
-`BASE_URL` is used to build the complete public url to the bundle that is used in `<script>` or `<link>` tags.
+`BUNDLE_DIR_NAME` refers to the dir in which webpack outputs the bundles. It should not be the full path. If `./assets` it one of you static dirs and webpack generates the bundles in `./assets/output/bundles/`, then `BUNDLE_DIR_NAME` should be `output/bundles/`.
 
-If the bundle generates a file called `main-cf4b5fab6e00a404e0c7.js`, then with the above config, the `<script>` tag will look like this
+If the bundle generates a file called `main-cf4b5fab6e00a404e0c7.js` and your STATIC_URL is `/static/`, then the `<script>` tag will look like this
 
 ```html
-<script type="text/javascript" src="/assets/bundles/main-cf4b5fab6e00a404e0c7.js"/>
+<script type="text/javascript" src="/static/output/bundles/main-cf4b5fab6e00a404e0c7.js"/>
 ```
 
 <br>
@@ -166,17 +168,16 @@ module.exports = config;
 `settings.py`
 ```python
 if not DEBUG:
-	WEBPACK_LOADER['BASE_URL'] = STATIC_URL + '/dist'
-	WEBPACK_LOADER.update({
-		'BASE_URL': STATIC_URL + '/dist',
-		'STATS_FILE': os.path.join(BASE_DIR, 'assets/webpack-stats-prod.json'
-	})
+    WEBPACK_LOADER.update({
+        'BUNDLE_DIR_NAME': 'dist/',
+        'STATS_FILE': os.path.join(BASE_DIR, 'assets/webpack-stats-prod.json'
+    })
 ```
 
 <br><br>
 
 
-You can also simply generate the bundles on the server before running collectstatic if that works for you. 
+You can also simply generate the bundles on the server before running collectstatic if that works for you.
 
 
 --------------------

examples/code-splitting/app/settings.py

@@ -108,6 +108,6 @@
 )
 
 WEBPACK_LOADER = {
-    'BASE_URL': STATIC_URL + 'bundles/',
+    'BUNDLE_DIR_NAME': 'bundles/',
     'STATS_FILE': os.path.join(BASE_DIR, 'assets/webpack-stats.json'),
 }

examples/hot-reload/app/settings.py

@@ -108,6 +108,6 @@
 )
 
 WEBPACK_LOADER = {
-    'BASE_URL': STATIC_URL + 'bundles/',
+    'BUNDLE_DIR_NAME': 'bundles/',
     'STATS_FILE': os.path.join(BASE_DIR, 'assets/webpack-stats.json'),
 }

examples/simple/app/settings.py

@@ -108,6 +108,6 @@
 )
 
 WEBPACK_LOADER = {
-    'BASE_URL': STATIC_URL + 'bundles/',
+    'BUNDLE_DIR_NAME': 'bundles/',
     'STATS_FILE': os.path.join(BASE_DIR, 'assets/webpack-stats.json'),
 }

setup.py

@@ -2,7 +2,7 @@
 setup(
   name = 'django-webpack-loader',
   packages = ['webpack_loader', 'webpack_loader/templatetags'], # this must be the same as the name above
-  version = '0.0.5',
+  version = '0.0.6',
   description = 'Load your webpack bundles and chunks in django',
   author = 'Owais Lone',
   author_email = 'hello@owaislone.org',

webpack_loader/utils.py

@@ -3,13 +3,14 @@
 import time
 
 from django.conf import settings
+from django.contrib.staticfiles.storage import staticfiles_storage
 
 
 __all__ = ('get_bundle',)
 
 
 config = {
-    'BASE_URL': 'webpack_bundles/',
+    'BUNDLE_DIR_NAME': 'webpack_bundles/',
     'STATS_FILE': 'webpack-stats.json',
     # FIXME: Explore usage of fsnotify
     'POLL_INTERVAL': 0.1,
@@ -37,7 +38,8 @@ def filter_files(files):
         filename = F['name']
         ignore = any(regex.match(filename) for regex in ignores)
         if not ignore:
-            F['url'] = '{}{}'.format(config['BASE_URL'], filename)
+            relpath = '{}{}'.format(config['BUNDLE_DIR_NAME'], filename)
+            F['url'] = staticfiles_storage.url(relpath)
             yield F