2017-08-02读书笔记（Webpack学习笔记1）

今天有点忙，时间不是很多，所以准备先看一篇别人的文章大概了解一下。

文章是这篇入门Webpack，看这篇就够了

这篇文章中很多东西写的很详细了，所以我就只做一些重点的摘抄了。

1. Webpack是什么，Webpack是一款模块打包机。它可以分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

2. Grunt、Gulp、Webpack三个的区别。（从其它网站摘抄）

• Grunt是一套前端自动化工具，一般用于：压缩文件，合并文件，简单语法检查。无热更新。

• Gulp是一套前端自动化构建工具，一般用于：文件合并、文件压缩、自动添加CSS的Vendor前缀、可以跑单元测试、代码分析。有热更新。

• Webpack 可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。有热更新。

三者都是基于node.js的，简单来说虽然在定义上来说Webpack跟前两者是不太一样的，但是Webpack有前两者的几乎所有的功能。

今天东西记录的不多，尽量明天。。额。。今天多记点。。