利用node.js进行前端项目自动化

最近学到了可以利用node.js的文件系统可以进行前端项目自动化，在这里小小总结一下

第一步：项目自动化构建

定义文件结构 创建项目

这时候就自动生成了基本的文件结构，如下图所示

文件结构

第二步：项目自动合并

在我们开发项目的时候，线下编写代码时跟上线后的代码是不同的，在线下编写代码按正常方式去写，但是上线后我们有时需要对项目进行压缩、合并等操作，其实我们可以不需要手动进行这些操作，只关心代码开发就行，此时就可以利用node.js自动化监听文件的改变，自动化对文件进行压缩合并等操作了。

监听文件的变化 读取文件内容并合并

如果我们在source文件夹下新建一个1.js文件，内容如下所示

1.js

此时在js文件夹下回自动生成一个index.js文件，里面的内容跟1.js的内容一样

index.js

接着我们在source文件夹下载新建一个2.js文件，内容如下所示

2.js

此时index.js文件会跟着变化，自动化合并1.js和2.js文件里面的内容进行合并，如下所示

合并后的index.js

就这样，一个简单实用的node.js自动化构建项目就已经生成啦，大致的项目结构如下图所示

项目结构