karma-jade2js-preprocessor

Preprocessor for converting jade files to Javascript.

Forked from karma-ng-jade2js-preprocessor

Definition

This fork will convert your jade files to use: export var html = "(your jade contents here)"

This works well with using jspm plugin-jade so you can test files in karma without loading all of jspm.

Installation

The easiest way is to keep karma-jade2js-preprocessor as a devDependency in your package.json.

{
  "devDependencies": {
    "karma": "~0.12",
    "karma-jade2js-preprocessor": "~0.1"
  }
}

You can simple do it by:

npm install karma-jade2js-preprocessor --save-dev

Configuration

// karma.conf.js
module.exports = function(config) {
  config.set({
    preprocessors: {
      '**/*.jade': ['jade2js', 'customJadeFileProcessor']
    },

    files: [
      '*.js',
      '*.jade',
      // if you wanna load template files in nested directories, you must use this
      '**/*.jade'
    ],
    
    customPreprocessors: {
      customJadeFileProcessor: {
        base: 'babel',
        options: {
          presets: ['es2015'],
          plugins: ['transform-es2015-modules-systemjs'],
          moduleIds: true
        },
        filename: function(file) {
          var truncPath = file.originalPath + '.jade';
          return truncPath;
        }
      }
    },

    jade2JsPreprocessor: {
      // Support for jade locals to render at compile time
      locals: {
        foo: 'bar'
      },
      
      // Jade compiler options. For a list of possible options, consult Jade documentation.
      jadeOptions: {
        doctype: 'xml'
      }
    }
  });
};

---

For more information on Karma see the homepage.