寫小程式的時候，企鵝把結構表現層(html)的字尾名定義為wxml，把樣式層定義為wxss

然後寫起程式碼來就是這樣子。。

說好的標紅，高亮，自動提示，自動縮排呢？這怎麼寫，，

是的，目前還沒有支援wxml,wxss的編輯器，，

那就先寫html,css字尾吧，，最終gulp生成wxss,wxml即可，。。

程式碼：

 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);
});

相信大家都會了吧，是不是很簡單的樣子。