现代化前端开发基本技能

开发语言

ES6：新增了很多特性，例如箭头函数，let，const，解构赋值，模板字符串，模块……

 

编译器

Babel：很多版本的浏览器无法完全支持es6的语法，可以利用Babel，编译ES6代码，转化为浏览器支持的ES5。当然，Babel还可以编译ReactJSX，CoffeeScript等

 

包管理器

npm：用来安装，管理和分享javascript包，自动处理多个包之间的依赖

 

任务流工具

grunt/gulp：压缩和合并代码、验证代码格式、测试代码、监事文件是否有变化

 

模块打包工具

webpack：将浏览器不支持的模块进行编译、转换。合并，并且最后生成的代码可以在 浏览器良好运行。