webpack 学习记录

为什么出现webpack?

前端的开发技术多繁杂，不同的规范以及格式，导致前端引擎并不能完全识别这些技术语言。例如：less,typescript等，你都需要手动将其转化为浏览器可识别的语言。当项目庞大时，这样的手动处理就显得尤为复杂。为了实现这一过程的自动化，于是出现了webpack。

什么是webpack?

webpack就是模块打包工具，它主要负责：分析项目结构，找到源语言，将其转化为目标语言，以及指定的其他格式。模块化解决方案。

与grunt和gulp的比较？

gulp能优化前端开发流程，工作方式：在一个配置文件中，致命某些文件进行类似：编译、组合、压缩等任务的具体步骤，工具将自动替你完成。

webpack的工作方式：把项目当作一个整体，通过给定的入口文件index.js开始查找你项目所有的依赖文件，使用loaders处理他们，最后打包成一个或者多个可识别的js文件。能处理不同类型文件。

怎样使用？

初始化：npm init

安装：npm install -g webpack      // npm install --save-dev webpack

编写配置文件，实现自动化：webpack.config.js

执行命令： npm run dev等等

。。。。