new get_chunks tag

add bundle item url tag

new get_chunks tag

Author: Simon Baechler

README.md

@@ -226,6 +226,22 @@ WEBPACK_LOADER = {
 </head>
 ```
 
+#### Exposing an asset URL
+
+If you need the URL to an asset without the HTML tags the `get_chunks`
+template tag can be used. A common use case is specifying the URL to a
+custom css file for a Javascript plugin.
+
+The first parameter is the name of the bundle and is required.
+Optional second and third parameters are the extension (css/js)
+and the configuration.
+
+```HTML+Django
+{% get_chunks 'editor' 'css' as editor_css_chunks %}
+CKEDITOR.config.contentsCss = '{{ editor_css_chunks.0.publicPath }}';
+```
+
+
 <br>
 
 ## How to use in Production

tests/app/templates/custom_config.html

@@ -0,0 +1,11 @@
+{% load get_chunks from webpack_loader %}
+<script>
+
+  {% get_chunks 'main' 'css' as main_css_chunks %}
+  {% get_chunks 'main' 'js' as main_js_chunks %}
+
+  var contentCss = '{{ main_css_chunks.0.url }}';
+
+  var contentJS = '{{ main_js_chunks.0.url }}';
+
+</script>

tests/app/tests/test_webpack.py

@@ -102,6 +102,10 @@ def test_templatetags(self):
         self.assertIn('<script type="text/javascript" src="/static/bundles/app2.js"></script>', result.rendered_content)
         self.assertIn('<img src="/static/my-image.png"/>', result.rendered_content)
 
+        view = TemplateView.as_view(template_name='custom_config.html')
+        result = view(request)
+        self.assertIn("var contentCss = '/static/bundles/styles.css'", result.rendered_content)
+        self.assertIn("var contentJS = '/static/bundles/main.js'", result.rendered_content)
 
         self.compile_bundles('webpack.config.publicPath.js')
         view = TemplateView.as_view(template_name='home.html')

webpack_loader/templatetags/webpack_loader.py

@@ -24,12 +24,16 @@ def render_as_tags(bundle):
     return '\n'.join(tags)
 
 
-@register.simple_tag
-def render_bundle(bundle_name, extension=None, config='DEFAULT'):
+def _get_bundle(bundle_name, extension, config):
     bundle = get_bundle(bundle_name, get_config(config))
     if extension:
         bundle = filter_by_extension(bundle, extension)
-    return render_as_tags(bundle)
+    return bundle
+
+
+@register.simple_tag
+def render_bundle(bundle_name, extension=None, config='DEFAULT'):
+    return render_as_tags(_get_bundle(bundle_name, extension, config))
 
 
 @register.simple_tag
@@ -38,3 +42,20 @@ def webpack_static(asset_name, config='DEFAULT'):
         get_assets(get_config(config)).get('publicPath', getattr(settings, 'STATIC_URL')),
         asset_name
     )
+
+
+@register.assignment_tag
+def get_chunks(bundle_name, extension=None, config='DEFAULT'):
+    """
+    Returns all chunks in the given bundle.
+    Example usage::
+
+        {% get_chunks 'editor' 'css' as editor_css_chunks %}
+        CKEDITOR.config.contentsCss = '{{ editor_css_chunks.0.publicPath }}';
+
+    :param bundle_name: The name of the bundle
+    :param extension: (optional) filter by extension
+    :param config: (optional) the name of the configuration
+    :return: the whole bundle
+    """
+    return list(_get_bundle(bundle_name, extension, config))