gulp-art-include

0.2.1 • Public • Published

NPM version Build status License

gulp-art-include

A gulp plugin for artTemplate.

Install

$ npm install gulp-art-include

Basic Usage

Template file:

<!-- demo.html -->
<div>{{foo}}</div>

Gulpfile:

var template  = require('gulp-art-include');
var gulp = require('gulp');
 
gulp.task('default', function () {
    gulp.src("demo.html")
        .pipe(template({
            data : {
                "foo" : "bar"
            }
        }))
        .pipe(gulp.dest('dist'));
});

Output:

<!-- demo.html -->
<div>bar</div>

@@include Expression

Template files:

<!-- main.html -->
<h1>Hello Fruits</h1>
@@include('fruits.html', {
    "message" : "Which fruit do you like?",
    "fruits" : [
        "Apple",
        "Banana",
        "Cherry"
    ]
})
<!-- fruits.html -->
<p>{{message}}</p>
<ul>
    {{each fruits as fruit}}
    <li>{{fruit}}</li>
    {{/each}}
</ul>

Gulpfile:

var template  = require('gulp-art-include');
var gulp = require('gulp');
 
gulp.task('default', function () {
    gulp.src("main.html")
        .pipe(template())
        .pipe(gulp.dest('dist'));
});

Output:

<!-- main.html -->
<h1>Hello Fruits</h1>
<!-- fruits.html -->
<p>Which fruit do you like?</p>
<ul>
    <li>Apple</li>
    <li>Banana</li>
    <li>Cherry</li>
</ul>

@@escape Expression

Template files:

<!-- main.html -->
@@include('template.html', {
    "message" : "Hello!",
})
<!-- template.html -->
<script id="unescaped" type="text/html">
    <h1>{{message}}</h1>
</script>
 
@@escape([
<script id="escaped" type="text/html">
    <h1>{{message}}</h1>
</script>
])

Gulpfile:

var template  = require('gulp-art-include');
var gulp = require('gulp');
 
gulp.task('default', function () {
    gulp.src("main.html")
        .pipe(template())
        .pipe(gulp.dest('dist'));
});

Output:

<!-- main.html -->
<!-- template.html -->
<script type="text/html">
    <h1>Hello!</h1>
</script>
 
<script type="text/html">
    <h1>{{message}}</h1>
</script>

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i gulp-art-include

Weekly Downloads

2

Version

0.2.1

License

MIT

Last publish

Collaborators

  • eric.tsai