1、webpack

webpack

Webpack 就是一个前端资源加载/打包工具。

它的作用是将多种静态资源 js、css、less 转换打包成一个或多个 bundle，减少页面请求，优化性能。比如把多个JS打包成一个JS文件，把多个CSS文件打包到一个CSS文件，这样的话就不用一个个来导入。

Webpack 有5个关键核心点：

1、entry：它是导入模块和库的入口起点

2、output：告诉 webpack 在哪里输出它所创建的 bundles

3、loader：处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）打包起来，比如说CSS和图片等，需要转换才能打包

4、plugins：用来处理各种各样的任务，比如自动生成html文件，清除dist目录的插件等等。

5、modle：打包模式，development是没有压缩的，production是压缩的