介绍 首先项目要先决定框架，组件化的前端是一个趋势方向，只是组件化的前端项目开发需要一个从发布到测试的流程化管理，所以决定自己开始构建一个webpack+angular的项目SEED。方便以后自己的项目构建和开发。 文件…

本文重点是详细介绍Angular.js项目的构建。gulp是优秀的自动化项目构建工具，我们将用它完成 javascript/less/css/html/images/fonts 等文件的的测试、检查、合并、压缩、格式化、…

在 Phoenix 项目中遇到关于 Branch 这个 HTML5 构建工具的问题, 在这里为了剥离问题的复杂度, 独立创建一个 Branch 前端项目来探索如何使用 Brunch 这个全新的前端构建工具. Brunch…

gulp自动化构建工具使用 简言 现在不管是做前端还是后端的，不可避免的是要跟html打交道的；而且Node这么容易开发web；难道我们不想自己随手写点什么？Express这类比较前卫的框架；早就深度集成了很多前端的东西…

Nice Front-end Tutorial 目标与哲学 众所周知，前端发展如火如荼，日新月异，而且很长一段时间内都将如此。这份由晚晴幽草轩轩主正在维护的教程列表；旨在为前端学习，技能提升，视野扩展，资料查找等行个方便…

网上关于postcss是什么的介绍真的是太多了。。。简单粗暴的说，postcss就是一款类似babel的样式转换器!多说无益，下面就用一个demo来演示一下postcss的用法。 初始化目录 cd ~/workspace…

我对 react 很有兴致，然则我发明想写 react 不容易。 我须要在最先写代码之前做许多准备工作，我须要编译jsx文件，引入react等等，而最新的react示例，有勉励ES6来誊写代码，能够用上ES6的一些闪亮的…

我对 react 很有兴趣，但是我发现想写 react 不容易。 我需要在开始写代码之前做很多准备工作，我需要编译jsx文件，引入react等等，而最新的react示例，有鼓励ES6来书写代码，可以用上ES6的一些闪亮的…

起首声明一下，gulp和webpack二者关系不大，主如果团队之前一向用grunt构建东西，这几天营业上比较逍遥，老大让我学学新的gulp和webpack这些“潮水”东西，因而草草研讨了一天，记一些笔记。 gulp 真正…

写在前面: 这文章写于15年末,后来16年才放到segmentfault上来,看到陆续还是有浏览量甚至收藏,以免造成误导还是在文章前头稍稍提醒一下. 当时观点放到今天难免有些打脸,就目前来说webpack已经完全占据主流…

介绍 sprity 是一个模块化的雪碧图生成工具会根据目录中的图片生成相应的雪碧图和样式文件，支持retina图，可以内嵌base64 编码格式的图，支持不同的图片格式和有不同的图片引擎可以选择。sprity 的前身是c…

如果你以前没用用过任何任务脚本（task runner）或者命令行工具，那也不要害怕，这篇文章可以一步步教你上手gulp，升职CEO，赢娶白富美，走上人生巅峰，吼吼吼，好开森，有木有？！我会分为五步向你介绍gulp并帮助…