1.0.2 • Published 9 years ago
gulp-xinclude-test001 v1.0.2
gulp-xinclude
来使用ATK吧,它完全支持gulp-xinclude的所有功能,并且具有更好的可扩展性和健壮性。
gulp-xinclude指令解析工具库,基于gulp构建工具。 该指令库支持在html中编写指令,然后使用该工具库进行处理后,得到对应的真实html,这样可以使源码编写过 程中更加简洁,对静态html的服用及维护都很有好处。 1. classes表示引用的是js文件; 2. rule表示引用的一组规则,规则文件可通过rules参数进行传递; 3. template表示引用的是一个html片段,路径代表的片段所在位置; 4. file表示引用的是一个文件,文件扩展名可以岁.html/.js/.css; 5. stylesheet表示引用的是一个css样式文件,无需指定扩展名; 6. 每个指令都支持引用多个文件或规则,多个规则之间可使用“;”进行分割; 7. 表达式中可以使用{expression}的方式指定路径中需要替换成对应变量的表达式,该表达式中替换的变量通过xinclude函数的参数传入。
例如:
<!--xinclude file="path/to/file.ext;{somevarible}/path/to/file2.ext" -->
<!--xinclude classes="path/to/file" -->
<!--xinclude stylesheet="path/to/file" -->
<!--xinclude rule="rule1;rule2" -->
<!--xinclude template="path/to/file;path/to/file" -->
作为gulp插件,使用方式:
npm命令安装:
npm install gulp-xinclude
引用及使用
var xinclude = require("gulp-xinclude");
var xincludeConf = {
rules: "rulefilepath", //指定rule的配置文件路径
somevarible: "用于替换{varible}表达式的变量"
}
gulp.task("resolve-xinclude", function(){
gulp.src(paths)
.pipe(xinclude(xincludeConf))
.pipe(gulp.dest(somePath));
});
执行gulp命令
gulp resolve-xinclude
1.0.2
9 years ago