webpack知识总结

1.webpack是一个模块打包器。webpack1.3.4版本之间不兼容，不能嵌套，会出错。
2.编程时，由于浏览器只能处理css,html文件。所以less文件或者ES6,ES7等语句。浏览器不能处理会报错。所以要把less文件转化成CSS文件，把ES6转化成ES5等语句。
但是每种转化都需要一种工具，由于工具太多。程序员们弄了一个工具集合，称之为构建工具。webpack就是构建工具其中一种。
3.给webpack一个开始打包的文件，也称为入口文件。他会把入口文件中的各种依赖做成一个树状结构图，一次把这些引进来。形成一个chunk (代码块)，然后把他们编译成CSS，ES5等文件。这个过程称之为打包。然后再输出出去 (bundle)。 所以webpack叫做静态模块打包器。

webpack五个核心概念

1.entry入口：告诉webpack从哪个文件开始打包，从这个文件构建内部依赖树。
2.output：指示输出的bundles到哪里去，以及如何命名。
3.loader:能够去处理那些非JS文件，(webpack自身只能理解JS文件)loader就是个翻译，翻译成loader能看懂的东西。
4.plugins:可以执行更广范围的业务，比如优化打包，压缩。
5.mode：模式。模式分为两种:development开发模式 (能用就行)
production生产模式 (优化一下，争取达到最好)

安装webpack方法:npm i webpack -g(全局安装)-d(局部安装) 是npm用法。