微信小程序的html的后缀为wxml，css的后缀为wxss。
我们在自己的IDE里面用常规的html和css编写代码，然后用gulp自动输出wxml，wxss格式就可以啦。
代码：
gulp.watch([
"src/**/*"
], function (event) {
var filePath = event.path.replace(baseDir + path.sep, "");
var filename = path.basename(event.path);
var destpath = filePath.replace(/^src/,config.ENV).replace(path.sep+filename,"");
if(fileType==".html"){
destname = filename.replace(/\.html$/,".wxml");
}else if(fileType==".css"){
destname = filename.replace(/\.css$/,".wxss");
}else{
destname = filename;
}
});
初次的时候也需要批量转换，使用rename即可。
gulp.task("build", function (next) {
gulp.src([
"src/**/*"
]).pipe(rename(function(path){
// path.extname = ".txt" //修改后缀名
if(path.extname==".css"){
path.extname = ".wxss";
}else if(path.extname==".html"){
path.extname = ".wxml";
}
})).pipe(gulp.dest(config.ENV)).on('finish', next);
});
