npm install grunt-kissy-template> html to kissy module
~0.4.1If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
``shell`
npm install grunt-kissy-template --save-dev
One the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
`js`
grunt.loadNpmTasks('grunt-kissy-template');
to the data object passed into grunt.initConfig().`js
grunt.initConfig({
ktpl: {
options: {
// Task-specific options go here.
},
your_target: {
// Target-specific file lists and/or options go here.
},
},
})
`$3
- minify false 开启 HTML 压缩，请保证模板内容为合法HTML
- minifyOption.removeComments: true
- minifyOption.removeCommentsFromCDATA: true
- minifyOption.removeCDATASectionsFromCDATA: true
- minifyOption.collapseWhitespace: true
- minifyOption.collapseBooleanAttributes: true
- minifyOption.removeAttributeQuotes: true
- minifyOption.removeEmptyAttributes: true$3
#### dynamic mapping
js
ktpl: {
page: {
files: [{
expand: true,
cwd: '<%= pageBase %>',
dest: '<%= pageBase %>',
src: '*/-tpl.html',
ext: '.js'
}]
}
},
`#### Simple
This config will convert all -tpl.html files in directory src to -tpl.js file
js
grunt.initConfig({
ktpl: {
all: {
src: 'src/*/-tpl.html'
},
},
})
`
#### Config html mini options
js
grunt.initConfig({
ktpl: {
options: {
minify: {
removeComments: true,
removeCommentsFromCDATA: true,
removeCDATASectionsFromCDATA: true,
collapseWhitespace: true,
collapseBooleanAttributes: true,
removeAttributeQuotes: true,
removeEmptyAttributes: true
}
},
page: {
src: 'foo-tpl.html',
dest: 'foo-tpl.js'
},
},
})
``