art-template-loader


art-template loader for webpack

Install

``shell
npm install art-template
npm install art-template-loader --save-dev
`

Usage

By default every local is required (require('./image.png')). You may need to specify loaders for images in your configuration (recommended file-loader or url-loader).

You can specify which attribute combination should be processed by this loader via the query parameter htmlResourceRules. (Default: htmlResourceRules=[/\bsrc="([^"]*)"/])

To completely disable tag-attribute processing (for instance, if you're handling image loading on the client side) you can pass in htmlResourceRules=false.

Examples

`js
module.exports = {
// ...
module: {
rules: [{
test: /\.jpg$/,
loader: "file-loader"
}, {
test: /\.png$/,
loader: "url-loader?mimetype=image/png"
}, {
test: /\.art$/,
loader: "art-template-loader",
options: {
// art-template options (if necessary)
// @see https://github.com/aui/art-template
}
}]
},
// ...
}
`

`html
<% include('./header.art') %>

<% if (user) { %>


<%= user.name %>

<% include('./footer.art') %>
`

More

'Root-relative' URLs

For urls that start with a /, the default behavior is to not translate them.
If a htmlResourceRoot query parameter is set, however, it will be prepended to the url
and then translated.

With the same configuration as above:

` html


`

`js
require("html-loader!./file.art");

// => ''
`

`js
require("html-loader?htmlResourceRoot=.!./file.art");

// => ''
`

Filter

Add filter:

`js
var runtime = require('art-template/lib/runtime');
runtime.dateFormat = function(){ /[...]/ };
var html = require('./index.art');
`

Use filter:

`html
{{time | dateFormat 'yyyy-MM-dd hh:mm:ss'}}
`

Debug

Support SourceMap:

`shell
webpack --debug
``

!debug

Options

You can pass art-template options
using standard webpack loader options.