前端基础之工程化配置

初识打包工具
grunt/gulp
区别：
gulp的核心是task 我们可以配合一系列的task，并且定义task要处理的事务（例如ES6、ts转换，图片压缩，scss转成css）,之后让grunt/gulp来一次执行这些task，而且让整个流程自动化,所以grunt/gulp也被称为全段自动任务管理工具 task就是将src 下面的所有js文件转成ES5的语法,并且最终输出到dist文件夹中.
什么时候使用grunt/gulp呢？
如果你得工程模块依赖非常简单，甚至是没有用到模块化的概念。只需要进行简单的合并、压缩，就使用grunt/gulp即可。但如果整个项目使用了模块化管理，而且相互依赖非常强，我们就可以使用更加强大的webpack了
所以，grunt/gulp和webpack有什么不同呢？
grunt/gulp 更加强调的是前端流程的自动化，模块化不是它的核心 webpack更加强

前端基础之工程化配置最先出现在Python成神之路。