作为理论基础； 　　Webpack是前端项目自动化构建工具，本质上，webpack 是一个现代 JavaSc ...

前言 　　现在的前端开发已经不再仅仅只是静态网页的开发了，日新月异的前端技术已经让前端代码的逻辑和交互效果越来越复杂，更加的不易于管理，模块化开发和预处理框架把项目分成若干个小模块，增加了最后发布的困难，没有一个统一的标准，让前端的项目结构千奇百怪。前端自动化构建在整个项目开发中越 ...

前言 　　现在的前端开发已经不再仅仅只是静态网页的开发了，日新月异的前端技术已经让前端代码的逻辑和交互效果越来越复杂，更加的不易于管理，模块化开发和预处理框架把项目分成若干个小模块，增加了最后发布的困难，没有一个统一的标准，让前端的项目结构千奇百怪。前端自动化构建在整个项目开发中越 ...

目标 将es6语法，jsx语法，自动转换成目前主流浏览器可以支持的js语法。 将less或sass等转换成css，并自动添加浏览器私有前缀。 实现代码热替换和浏览器的自动刷新。 对针对开发环境和生产环境生成不同的打包文件。 准备工作 安装nodejs 创建 ...

下（若没有，会自动创建一个node_modules文件夹） 具体区别，推荐博文： 全局安装和本地（局部 ...

一、简介 　　　之前了解了自动化构建相关工具，然后今天有时间就把学习过程碰到的坑写下来。首先是前端自动化构建三大工具gulp\grunt\webpack。其实说是三大工具，但也只是个人主观想法。因为自己常见的并有所了解的就这三个。至于其他的，暂不在讨论范围。 二、gulp、grunt ...

前端自动化构建是当下的热门，我记得2014年的时候，前端的自动化构建，大多是用在javascript的合并、压缩、语法检查、coffeescript,Sass,LESS转换上，构建工具也有很多，比如ant,grunt,gulp等，二次封装的工具也有很多，比如百度的FIS,国外的Yeoman ...

前端工程化 前端工程化的概念在近些年来逐渐成为主流构建大型web应用不可或缺的一部分，在此我通过以下这三方面总结一下自己的理解。 为什么需要前端工程化。 前端工程化的演化。 怎么实现前端工程化。 为什么需要工程化   随着近些年来前端技术的不断发展 ...