underscore-loader

Webpack loader for pre-compiled Underscore/Lodash templates with HTML minification

• templates are compliled with lodash.template
• templates are minified by html-minifier

Installation

$ npm install --save underscore-loader lodash.escape

Important!!1

For webpack 1.x.x use version 2.0.0

Options (defaults)

Webpack (2.x.x) config

{
  // ...
 module: {
    rules: [
      {
        test: /\.tpl$/,
        loader: 'underscore-loader',
        options: {
          engine: 'var _ = { escape: require(\'lodash.escape\') };\n',
          minifierOptions: { collapseInlineTagWhitespace: true }
        }
      }
    ]
  }
  // ..
}

engine

• set it to var _ = { escape: require(\'lodash/escape\') };
• for full lodash set it to var _ = require(\'lodash\');
• for full underscore set it to var _ = require(\'underscore\');
• lodash.escape is default, change it to lodash, lodash/escape, underscore or some-other-engine

minify

• default is true
• uses html-minifier

minifierOptions

• minify options - html-minifier options

originalSource

• append original html in comment

templateOptions

• template options - lodash documentation

Setting template engine

• set underscore/lodash/other-module dependency in package.json
• if you don’t use any logic in your templates, you can pass empty string (engine: '')

Custom module’s path examples (old README)

View on github.

Changelog

View on github.