gulp解决微信小程序在自己IDE里高亮问题

微信小程序的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);

});