webpack
webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。分析项目结构，找到js模块以及其它的一些浏览器不能直接运行的拓展(.less/.ts)等，并将其打包为合适的格式以供浏览器解析使用。
webpack可以做那些事？
代码转换，文件优化，代码分割，模块合并，自动刷新，代码检测，自动发布。
```js
// webpack.config.js
const path = require(‘path’);
module.exports = {
// 开发服务器的配置
devServer:{
port: 3000, // 服务器端口号
progress: true, //服务器开启进度条
contentBase: ‘./dist’ // 静态服务目录
},
mode:’development’ , // 模式：默认两种，production development
}