skip to navigation
skip to content

Not Logged In

compressor_requirejs 1.1

Library for django compressor, which helps to build requirejs

Latest Version: 1.3

Introduction

This module ables django compressor to compile requirejs files info one or a few bigger files using r.js.

Features:

  • compiling plenty of files into one file
  • making a few compiled files for splitting functionality
  • all features of django compressor i.e.:
    • caching files,
    • adding hashes,
    • processing with django template markup,
    • post compiling
  • tracing build files for modification (caching results)

Requirements

  • Django >= 1.5
  • django_compressor >= 1.3
  • PyExecJs 1.0.4
  • node js

Installation

  1. Add compressor_requirejs to installed apps
  2. Setup django_compressor properties for working with django compressor
  3. Setup compressor_requirejs:
    • Set COMPRESS_PRECOMPILERS of django compressor for using with standard markup in compress tags
    • Set CACHE backends for django compressor and requirejs plugin, recomended for development is 'default' with DummyCache and 'locmem' with LocMemCache
    • Set COMPRESSOR_REQUIREJS_TMP to a custom existing temporary directory path
CACHES = {
    'default': {
        'BACKEND': 'django.core.cache.backends.dummy.DummyCache'
    },
    'locmem': {
        'BACKEND': 'django.core.cache.backends.locmem.LocMemCache'
    }
}

COMPRESS_PRECOMPILERS = (
    ('text/requirejs', 'compressor_requirejs.compressor.r_precompiler.RequireJSPrecompiler'),
)

COMPRESSOR_REQUIREJS_TMP = django_project_path_join('tmp')

Advanced configuration

#COMPRESSOR_REQUIREJS config

#absolute path to r.js
#default: path in resources of this package
COMPRESSOR_REQUIREJS_R_JS = 'path/to/r.js'

#absolute path to temporary directory
COMPRESSOR_REQUIREJS_TMP = '/tmp'

#path to global configuration for requirejs bulid aka 'mainConfigFile' in r.js configuration
# WARNING setting this path overwrites built in global config of this plugin and some feature can not working
COMPRESSOR_REQUIREJS_GLOBAL_CONFIG = 'path/to/global/requirejs/config.js'

#setup compressor_requirejs caching backend, preferred local memory backend mainly for development,
#backend should be configured in django CACHE configuration
#default: 'locmem'
COMPRESSOR_REQUIREJS_CACHE_BACKEND = 'locmem'

#timeout for caching results in cache (in seconds)
#default: 3600
COMPRESSOR_REQUIREJS_CACHE_TIMEOUT = 3600

#node js executable path, it is preferred to have mapped 'node' in your PATH
#default: node
COMPRESSOR_REQUIREJS_NODE_EXECUTABLE = 'node'

Using

Prepare at least two js files, one build file and one module file:

build.js

({
    baseUrl: '.',
    name: 'main'
})

main.js

require([], function () {
    console.log('wow, its working');
});

Put those files in static directory of your app. build.js pointing to main.js with name attribute, so launching build file compile main.js with other dependencies.

Django template configuration

{% compress js %}
     <script type="text/requirejs" src="{{ STATIC_URL }}mainapp/js/build.js"></script>
{% endcompress %}

Of course you have to include require.js file, ex:

{% compress js %}
    <script src="{{ STATIC_URL }}mainapp/js/require.js"></script>
{% endcompress %}

Advanced features

You can use django template language tags in your js files. It can be processed with django compressor’s template processors but there is a hack to omit this markup during requirejs compilation.

//>startExclusion
var importantVariableExcludedDuringCompilationButVisibleInRenderedFile = {{ PROJECT_VARIABLE }};
//>endExclusion

Those tags are used to exclude fragment of code (commenting it) during requirejs compilation, and after compilation it will be available, and can be processed by django compressor.

Also you can use tags in string without above markup:

var x = '{{ STATIC_URL }}/path/';

Global js library mappings

You can use global path mappings for javascript files, for example if you have a few apps in project and one handle main libraries simply add them to global paths.

COMPRESSOR_REQUIREJS_REQUIRED_LIBS = {}

In django object simply type key value elements, where key is valid path mapping and value is path to js file.

IMPORTANT

  • mapping name can be only solid string without dots eg.: mapping_for_path not mapping.for.path
  • path can be relative to current project and will be processed with defined static file finder
COMPRESSOR_REQUIREJS_REQUIRED_LIBS = {
    'jquery': 'mainapp/js/libs/jquery-2.1.0.min.js'
}
 
File Type Py Version Uploaded on Size
compressor_requirejs-1.1.zip (md5) Source 2014-04-15 236KB
  • Downloads (All Versions):
  • 19 downloads in the last day
  • 197 downloads in the last week
  • 668 downloads in the last month