利用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自动化构建项目就已经生成啦,大致的项目结构如下图所示

项目结构
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,043评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,314评论 19 139
  • 国庆结束返京的火车上,打开手机上的阅读器,随意点开了一本小说《宋枭》,原本只是为了打发时间,没曾想竟然一下子被吸引...
    井冈山豆皮阅读 2,325评论 0 1
  • 音乐:野蛮生长 这周大家一起玩给塔罗牌找音乐,对于像我这样五音五个不在调上的人来说,平时对音乐都是敬而远之的,现在...
    白泽3396815阅读 1,144评论 0 0
  • 二九 感谢思远的生日邀请,玩的很开心 感谢同学的坦诚,惦记 感谢同学的帮助,关心 记:每个人都对生活有不同的定义,...
    XBIN阅读 1,124评论 0 0