开源软件名称(OpenSource Name):sindresorhus/gulp-template
开源软件地址(OpenSource Url):https://github.com/sindresorhus/gulp-template
开源编程语言(OpenSource Language):
JavaScript
100.0%
开源软件介绍(OpenSource Introduction):gulp-template
Render/precompile Lodash/Underscore templates
Issues with the output should be reported on the Lodash issue tracker.
Install
$ npm install --save-dev gulp-template
Usage
src/greeting.html
<h1>Hello <%= name %></h1>
gulpfile.js
const gulp = require('gulp');
const template = require('gulp-template');
exports.default = () => (
gulp.src('src/greeting.html')
.pipe(template({name: 'Sindre'}))
.pipe(gulp.dest('dist'))
);
You can alternatively use gulp-data to inject the data:
const gulp = require('gulp');
const template = require('gulp-template');
const data = require('gulp-data');
exports.default = () => (
gulp.src('src/greeting.html')
.pipe(data(() => ({name: 'Sindre'})))
.pipe(template())
.pipe(gulp.dest('dist'))
);
dist/greeting.html
API
template(data, options?)
Render a template using the provided data .
template.precompile(options?)
Precompile a template for rendering dynamically at a later time.
data
Type: object
Data object used to populate the text.
options
Type: object
Lodash _.template options.
Tip
You can also provide your own interpolation string for custom templates.
src/greeting.html
<h1>Hello {{ name }}</h1>
gulpfile.js
const gulp = require('gulp');
const template = require('gulp-template');
const data = require('gulp-data');
exports.default = () => (
gulp.src('src/greeting.html')
.pipe(data(() => ({name: 'Sindre'})))
.pipe(template(null, {
interpolate: /{{(.+?)}}/gs
}))
.pipe(gulp.dest('dist'))
);
dist/greeting.html
Related
|
请发表评论