前端编译平台fcp介绍

fcp是什么

fcp是Front-end Compile Platform的简写，即前端编译平台。

随着各大公司对前端开发越来越重视，前端开发人数越来越多，就引发了很多的问题：

1、如何让大家都按照编码规范来

2、如何很方便的进行前端性能优化

3、如何避免前端安全漏洞

编码规范

在这个过程中，大家可能都尝试了很多种方式，如：guideline，codereview。

guideline本身是好的，但随着人员的变动和增加，执行到最后就惨不忍睹了。

codereview虽然可以避免很多问题，但追求快速的web开发来说，这个太花时间，极有可能因为项目时间问题而搁浅。

前端优化

自从Yahoo出了34条优化法则后，各种优化方案都出来了，大家越来越关注前端性能优化了，伴随着这些优化出现了很多对应的工具，如：YUI Compressor，CSS Sprites。虽然这些工具可以很方便的进行优化，但项目上线之前都要跑一边这些工具，结果发现很耗时间。只能算是半自动化。

前端安全

前端安全方面最重要的就是XSS和CSRF了，如果你要写模板，那就必须要关注这一点。虽然大家对这方面都很了解，但实际开发中很可能就忘记了。

其他问题

除了上面的主要问题外，可能还有下面的问题：

1、如何避免线下地址上线

2、如何更方便的进行域名分发

fcp的功能列表

fcp就是介于上面那么多的问题情况下诞生的，将前端开发中遇到的问题完全工具化，避免手工调用工具消耗大量的时间。并且优化是在编译过程中进行的，完全不干扰前端的开发。

目前的功能列表如下：

1、模块目录结构规范检测

2、文件命名检测

3、XSS漏洞检测

4、JS、CSS规范检测

5、JS、CSS代码beautify

6、解决静态文件缓存问题

7、JS、CSS文件合并

8、JS、CSS文件压缩

9、CSS Sprites

10、图片优化

11、地址替换

12、线下地址检测

13、多域名分发

目前用在了哪些地方

目前已经在百度空间的前端模块下开始使用，大大提高了前端的效率，开发的时候几乎完全不用管前端优化。

如何使用

fcp是用PHP开发的，里面用到了很多第三方的工具，所有使用的时候需要编译机器要装一些工具。

目前代码尚未公开，不过有开源的计划，时间点暂时还不定。

接下来主要介绍里面功能的实现方式。