前端项目自动化

Node => 监听文件变化

压缩代码
编译代码
合成新文件

生产文件路径

var projectData = {

    'name' : 'content',
    'fileData' : [
        {
            'name' : 'css',
            'type' : 'dir'
        },
        {
            'name' : 'js',
            'type' : 'dir'
        },
        {
            'name' : 'images',
            'type' : 'dir'
        },
        {
            'name' : 'index.html',
            'type' : 'file',
            'content' : '<html>\n\t<head>\n\t\t<title>title</title>\n\t</head>\n\t<body>\n\t\t<h1>Hello</h1>\n\t</body>\n</html>',
        }
    ]

};

var fs = require('fs');

if ( projectData.name ) {            // 确定文件名
    fs.mkdirSync(projectData.name);

    var fileData = projectData.fileData;

    if ( fileData && fileData.forEach ) {

        fileData.forEach(function(f) {

            // 生成路径 hello/name
            f.path = projectData.name + '/' + f.name; 

            f.content = f.content || '';

            switch (f.type) {

                case 'dir':
                    fs.mkdirSync(f.path);
                    break;

                case 'file':
                    fs.writeFileSync(f.path, f.content);
                    break;

                default :
                    break;
            }
        });
    }
}

index.html内容

监听变化

当某个文件的变化反应到另外一个文件中

var fs = require('fs');

var filedir = './content/source';  // 首先得创建一个供于代码编写的文件夹

fs.watch(filedir, function(ev, file) {

// 只要有一个文件发生了变化,就需要对这个文件夹下的所有文件进行读取，然后合并

    fs.readdir(filedir, function(err, dataList) {  

        var arr = [];

        dataList.forEach( (f) => {     // 得到文件夹中所有的文件
           if (f) {
               var info = fs.statSync(filedir + '/' + f)
               // 同步stat，传入文件名，返回值就是所有参数
               // 生产文件格式 ./content/source/ f(文件名)

               if (info.mode == 33206) {  // 将类型是文件的数据存入
                   arr.push(filedir + '/' + f);
               }
           }

        });

        var content = '';
        arr.forEach( (f) => {
            var c = fs.readFileSync(f);  // 取到里面所有内容

            content += c.toString() + '\n';

        });
        console.log(content);

        // 读取数组中的文件内容，并合并
        fs.writeFile('./content/js/index.js', content);

    });
});