index.md

# 构建打包工具

webpack是目前最流行的JavaScript模块打包工具，而rollupjs有很多知名库在使用如：react、vue、ember、preact、three.js、moment等，可能是因为rollupjs简单强悍。

## [Babel](https://www.babeljs.cn)

Babel 是一个 JavaScript 编译器。有了它可以使用下一代（ES6,7,8,..）的 JavaScript 语法编程吧！通过语法转换为向后兼容的 JavaScript 语法，以便支持旧版浏览器。

## [PostCSS](https://www.postcss.com.cn/)

是一个用 JavaScript 工具和插件转换 CSS 代码的工具

## [TypeScript](https://www.tslang.cn/)

微软2012年出品，它是JavaScript的一个超集，通过编译成纯JavaScript运行在任何浏览器、任何计算机和操作系统之上，并且开源。

## [Webpack](https://webpack.js.org/)

Webpack 是一个模块打包器。将JavaScript 文件打包在一起用于运行在浏览器。支持代码拆分、按需加载、模块化（CommonJS，AMD，ES6模块，CSS，图像，JSON，Coffeescript，LESS等）。

[中文网站](https://www.webpackjs.com/)

## [RollupJS](https://www.rollupjs.com/)

类似webpack，Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中，而不是以前的特殊解决方案，如 CommonJS 和 AMD。ES6 模块可以使你自由、无缝地使用你最喜爱的 library 中那些最有用独立函数，而你的项目不必携带其他未使用的代码。ES6 模块最终还是要由浏览器原生实现，但当前 Rollup 可以使你提前体验。

## [parcel](https://parceljs.org/)

类似webpack，极速零配置Web应用打包工具，性能出众配置简单，对于简单网站或应用比较适合。

## [Browserify](http://browserify.org/)

类似webpack，通过类似于node 的 require('modules') 的方式来组织浏览器端的 Javascript 代码。

### [Gulp](https://www.gulpjs.com.cn/)

基于 nodejs 的 steam 流打包脚本，简单易学易用，代码清晰，使用比Grunt代码量能少一半。

### [Grunt](https://www.gruntjs.net/)

最老牌打包工具，全都通过配置来约定打包脚本，学习成本较高且不够灵活

## 项目构建

### [create-react-app](https://github.com/facebook/create-react-app)

React 开发的标准项目构建工具，由由FaceBook React团队出品

### [Vue CLI](https://cli.vuejs.org/zh/)

Vue.js 开发的标准项目构建工具

### [Angular CLI](https://cli.angular.io/)

Angularjs 开发的标准项目构建工具

### [Ember CLI](https://ember-cli.com/)

Emberjs 开发的标准项目构建工具

### Webfont字体库

- [iconfont](https://www.iconfont.cn/) 由阿里妈妈MUX倾力打造的矢量图标管理、交流平台，包含了淘宝图标库和阿里妈妈图标库。 【强烈推荐】
- [icomoon](https://icomoon.io/)
- [fontello](http://fontello.com/)
- [Font-Awesome](https://fontawesome.com/)