案例分析：前端自动化

1. 实现一个自动创建前端项目文件的js

通过node.js自动创建前端项目目录，包括js目录，js目录css目录，index.html和对应的内容。

初步的代码如下：

var projectData={

    'name':'前端模板',//总文件夹名

  'fileData':[{

        'name':'style',

        'type':'dir'

  },{

        'name':'script',

        '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<h1>hello</h1>\n\t</body>\n\t</html>'

  }]

};

var fs=require('fs');

if(projectData.name){

    fs.mkdir(projectData.name);

  var fileData=projectData.fileData;

  if(fileData&&Array.isArray(fileData)===true){//如果该属性对象存在,而且是数组

  fileData.forEach(function (f) {//是数组就循环它！

  //接下来要做的有：根据f.type判断是创建f.name的文件还是文件夹，如果是index.html就写入它

  console.log(f);

  if(f.type=='dir'){

                fs.mkdir('./'+projectData.name+'/'+f.name, function (mkdirErr) {

                    if(!mkdirErr){

                        console.log('成功创建了名字为'+f.name+'的文件夹');

  if(f.name!=='images'){//不是图片的话还要创建一个同名文件在该目录下,内容为空

  var fileName='';

  if(f.name=='style'){

                                fileName=f.name+'.css';

  }else if(f.name=='script'){

                                fileName=f.name+'.js';

  }

                            fs.writeFile('./'+projectData.name+'/'+f.name+'/'+fileName,'',function () {

                                console.log('已经尝试创建了名为'+fileName+'的文件');

  });

  }

                    }else{

                        console.log(f.name+'文件夹创建失败！');

  }

                })

            }else{//不是文件夹就创建文件吧

  if(f.name=='index.html'){

                    fs.writeFile('./'+projectData.name+'/'+f.name,f.content,function () {

                        console.log('已经尝试创建了index文件');

  });

  }

            }

        })

    }else{

        console.log('fileData出错');

  }

}

2.实现一个对合并文件夹内容的程序

场景描述：在前端开发中，常常需要对几个文件的代码进行合并。试想，在服务器环境下，有一个source文件夹。内有1.txt和2.txt两个文件甚至更多（n.txt）。同时在source同目录还有一个main.js文件夹。

当我每次修改source文件夹里边的任意一个txt文件时，这段程序可以把文件夹内所有文件的内容读取出来，放到一个content内，在把content的内容写入main.js中。

var fs=require('fs');

var filedir='./source';

fs.watch(filedir,function (ev,file) {//监听文件夹是否改变

  //console.log(ev+'/'+file);//不需要判断file是否有内容

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

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

        //console.log(dataList);

 //第一步，先把每次改变时source文件夹的所有内容读取出来，放到数组arr里

  var arr=[];

  dataList.forEach(function (f) {

            if(f){//如果source文件夹存在文件

  //console.log(filedir+'/'+f);

  var info=fs.statSync(filedir+'/'+f);//

 // console.log(info);  if(info.mode=='33206'){//如果是文件，该路径保存到数组

  arr.push(filedir+'/'+f)

                }

            }

        });

  //console.log(arr);

 //console.log('------分界线-------');

 //第二部：读取数组文件的内容并合并

  var content='';

  arr.forEach(function (f) {

            var c=fs.readFileSync(f);//获取内容

  //console.log(c);

  content+='/*来自'+f+'*/'+'\n'+c.toString()+`\n`;

  console.log(content);

  //接下来就是把数据内容保存到main.js

  fs.writeFile('./main.js',content);

  });

  console.log('-----')

    })

});

这段代码就可以在当前文件目录下创建一个main.js，里边包含了输出的内容

main.js的输出效果



挺好，挺好。想新建多少就新建多少

Node.js入门笔记（5）：案例两则的更多相关文章

  1. Node.js入门笔记（1）：基本概念

    Node.js和JavaScript: 核心都是ECMAScrit,比如数据类型,语法结构,内置对象等等. 但是在js中顶层是window 在node中的不存在这个window(console.log ...

  2. Node.js入门笔记（6）：web开发方法

    使用node进行web开发 用户上网流程: 表面上看:打开浏览器--输入网址--跳转--上网. 背后的过程是什么呢? http请求网址到指定的主机--服务器接收请求--服务器响应内容到用户浏览器--浏 ...

  3. Node.js入门笔记

    第一步自然是安装了.我是用Webstorm这个ide,安装分2步: 1.安装nodejs,下载Windows下的安装版本号.注意是以msi为扩展名的,然后下一步.没啥好说的,下载地址例如以下: 32位 ...

  4. Node.js入门笔记（4）：文件系统（fs）

    文件系统(FileSystem) 文件系统模块 对于文件无外乎创建修改添加. File System - 文件系统模块 - require('fs') fs模块是核心模块,需要使用require导入后 ...

  5. Node.js入门笔记（3）：全局对象（2）

    buffer 用于更好操作二进制数据,他是一个全局变量.类似数组. var a=new Buffer(); buffer类的三种实现 第一种创建方式 new Buffer(size);size[Num ...

  6. Node.js入门笔记（2）：全局对象（1）

    以下将以API文档为基础进行分析学习 global对象 这些对象在所有模块里都可用.有些对象不是在全局作用域而是在模块作用域里,这些情况下面文档都会标注出来. __filename--返回当前模块文件 ...

  7. Node.js 入门资料

    小毛驴的阿凡提的 Node.js 入门笔记 http://www.cnblogs.com/Afanty/category/1007304.html

  8. 《Node.js入门》CentOS 6.5下Node.js Web开发环境搭建笔记

    近期想尝试一下英特尔的基于WebRTC协同通信开发套件,所以须要在本地搭建Node.js Web的开发測试环境. 这里讲的是CentOS 下的搭建方法.使用Windows的小伙伴请參考: <No ...

  9. React.js入门笔记

    # React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...

随机推荐

  1. 变量声明和定义及extern 转载

    在讨论全局变量之前我们先要明白几个基本的概念: 1. 编译单元(模块):    在IDE开发工具大行其道的今天,对于编译的一些概念很多人已经不再清楚了,很多程序员最怕的就是处理连接错误(LINK ER ...

  2. 蓝牙BLE传输性能及延迟分析

    BLE传输性能主要受以下几个因素影响:操作类型,Connection Interval,每个Connection Event内发送的帧数.每一帧数据的长度.具体参见如下链接: https://devz ...

  3. NOIP模拟赛20161114

    幸运串 题意:长度为n,字符集大小为m的字符串中有多少不同的不含回文的串 n,m<10^9 我靠这不就是萌数的DP部分吗 有规律 f[2][j][k]=1 f[i][j][k]=sigma{f[ ...

  4. Django博客功能实现—文章评论的显示

    功能:在打开文章之后,能在文章下面是显示文章的评论,有父级评论.思路:在文章详情的视图里面,获取这个文章的全部评论,得到显示列表,然后用模板显示出来.步骤:一,在views.py的文章详情中获取评论: ...

  5. Unity3D脚本行尾(Line Endings)

    行尾不一致(inconsistent line endings ) 开发环境 有时候编辑Unity的脚本文件,代码diff之后,或者从svn更新文件之后,Unity中会出现行尾不一致的信息. 我的开发 ...

  6. [No000077]打造自己的Eclipse

    下载官网的Eclipse IDE for Java EE Developers 在根目录下的eclipse.ini文件中添加"-Dfile.encoding=UTF-8", 作用: ...

  7. [No000082]Convert和Parse的区别/Convert.ToInt32()与int.Parse()的区别

    (1)这两个方法的最大不同是它们对null值的处理方法: Convert.ToInt32(null)会返回0而不会产生任何异常,但int.Parse(null)则会产生异常. 没搞清楚Convert. ...

  8. android第一行代码－1.项目结构

    0.项目结构 一个简单的android项目结构大致如下 入口就是MainActivity这个类,如果对于一个陌生的项目,最好的办法是看AndroidMainifest.xml,如下 <?xml ...

  9. Win10 VC++6 无法启动此程序,因为计算机中丢失mfc42d.dll 需要提升

    亲测可用 1.无法启动此程序,因为计算机中丢失mfc42d.dll 我也遇到了这个问题,并且顺利解决了!按一下流程搞定的: “工程-设置-常规-microsoft基础类,(选择使用MFC作为静态链接库 ...

  10. Linux 进程间通讯详解二

    消息队列 --消息队列提供了本机上从一个进程向另外一个进程发送一块数据的方法 --每个数据块都被认为有一个类型,接收者进程接收的数据块可以有不同的类型值 --消息队列也有管道一样的不足,就是每个消息的 ...