FED

不知道你是怎么理解编译和构建这两个词语的？我的理解是：你同意吗？为什么使用预编译文件、新规范越来越流行？如上，两种代码的直视，显然sass的语法更加亲民，看起来更美。...

前端开发为什么要进行构建，它的意义在哪？回答这个问题之前，来先看下两个案例案例1案例2因为案例1的教训，使用了CDN技术。接触过前端开发的同学，肯定对这两个案例颇有感触，因为这两个案例是最为常见的。...

cooliePKFIS，以小见大，从fis官网的一个例子开始。http://fis.baidu.com/FIS3是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。...

终于到了重头戏啦？本文主要说明的是这两款构建工具（coolie和webpack），是分别如何完成模块化构建的，以及它们之间的优缺点。首先准备以下文件和目录，基本是承接上文的。entry1.js的内容为：...

接前文，下面开始进入静态资源的合并与压缩中的第2项：CSS文件的合并与压缩。在前文的基础上，准备以下文件和目录single1.css的内容为single2.css的内容为...

本文只在前端构建维度上讨论webpack和coolie，分析他们两个工具谁更好、更优秀。关于如何使用webpack和coolie，暂且不在本文讨论范围内。把less文件编译成css文件属于构建？把coffee编译成js属于构建？压缩JS、CSS属于构建吗？合并JS、CSS属于构建吗？...

正如前文说过的，coolie能做的事情：前端开发构建的点，目前来说也就上面4条。如果你觉得前端开发构建不足为事，那么你是否也遇到过这些典型问题：以上仅仅是简单的举例，前端开发构建，不仅能使生产环境的代码体积更小，也不容易被人为阅读，同时也提升了逼格。...

前端开发有哪些静态资源：在进行依赖分析之前，会创建一个静态资源的版本对应关系（例MAP），然后在分析到html、css文件里包含静态资源的时候，会与MAP匹配，如果找到则使用MAP中的版本，否则去查找该静态资源。如，在html文件里，使用了以下静态资源...

HTML文件是面向用户的主要页面，对它的构建也是非常有必要的。可能你的HTML文件在开发环境是这样的：coolie通过分析源代码，来进行资源分析：<!--coolie-->和<!--/coolie-->之间的link文件会被读取到，然后读取这些样式文件的资源进行分析（更多阅读：coolie能做的：CSS模块依赖分析、合并、压缩、版本管理）。...

先进的你，可能现在还是这么做的：用了css预编译工具，用了grunt、gulp。在上线的时候，执行grunttask或者gulptask，做的非常好。css被合并、压缩（或者你使用了YUI等压缩工具实时监听处理？）了，并且生成了带有版本号的样式文件，并且还替换了页面上的css引用，因此你的css文件目录可能是这样的：在home.css和detail.css里写了各种import，自我感觉不错。...

假设现在要做一台计算机，coolie是帮你这样做到的：coolie就这么漂亮的完成了你分配给它的任务，任劳任怨。本文将从JS模块依赖分析、合并、压缩、版本管理开始讲讲coolie到底能做什么，值得作者这么牛气哄哄的推荐他。我想前端JS目前需要做的事情也就这些了吧，这也是我为什么不遗余力的推荐的一个理由。...

接下来的几天，你一直在搜索如何将jQuery拆分掉，最后你看到了jQuery模块化。满脸泪水、一脸憔悴的你，感叹到，卧槽，这就是我想要的啊。开发环境：...

经过前面5篇文章，基本完全介绍了coolie的使用方法和运行原理，本文着重以一个简单的例子入手，简要总结下coolie的使用方法。分别计算圆形的周长（入口1：length.js）和圆形的面积（入口2：area.js），然后有一个公共的工具库（utils.js）。目录结构如下：...

为了更好的使用coolie进行构建工作和前端项目的合理划分，以下是前端开发工程的最佳实践。将前端开发工程分为两部分，一部分是开发环境（dev，development）下，一部分是生产环境（pro，production）下的。如此，前端开发工程一级目录为：首先，按照功能分为静态资源根目录和模板根目录。二级目录即是：...

开发环境下，模块的书写非常的方便、简洁。总览如下：具体细节如下：开发环境下，一个文件必须是一个模块，管理方便，颗粒化，文件路径就是模块ID。开发环境下，不能写模块的ID，模块加载器会自动以模块文件所在的地址为模块ID，这也是为什么一个文件里只能写一个模块的原因了。...

指定的是模块加载器的配置文件的URL，使用data-config属性在模块加载器的script标签上描述。如上图，表示模块加载器的配置文件与模块加载器在同级目录（data-config的路径是相对于模块加载器的），即/static/js/libs/coolie-config.js。在浏览器里：...

在前端开发中，模块化是趋势，毋庸置疑。尤其是单页面程序中，当然还涉及到模块的生命周期等，这些另说。完善的前端模块化规范来的非常的晚，在之前，各种后端开发早已实现这些基础问题，唯独前端一直没有得到良好的解决。与前端的运行环境、异步加载等因素有关。目前主流的模块化规范是AMD、CMD、CommonJS这些，coolie支持的是CMD规范。先看下CMD规范是怎么样的：...

如今，随着模块化思想的流行，越来越多的前端开发已经介入到模块化开发当中来了，模块化约定和规范也更加的完整，ECMAScript也已经将其纳入标准制定计划当中。因此，可以说前端模块化是一个大趋势，更是随着NodeJS的风靡，加速了这一过程。本文及接下来的几篇文章介绍的coolie（苦力），是模块化的一个相对完整的实现和解决方案。coolie，苦力。模块好比是集装箱，coolie是搬运合适集装箱的一个苦力，因此请善待它。coolie分为两部分，一部分是前端模块加载器，另一部分是前端发布工具。...