Webpack-01

从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具（前端模块化打包工具）

项目开发完成后，webpack模块化打包，生成一个文件夹部署到服务器上

webpack和node和npm的关系：

webpack为了可以正常运行，必须依赖node环境。node环境为了可以正常执行很多代码，其中必须包含各种依赖的包。npm工具（node packages manager）用于帮助管理node环境下的各种包

webpack ./src/main.js ./dist/bundle.js

该语句的作用：用webpack的工具将./src/main.js打包到./dist/bundle.js

 loader

给webpack扩展对应的loader就可以处理js代码以外的内容（如css、图片，还有将ES6转成E5，将TypeScript转成ES5，将scss、less转成css，将,jsx、.vue文件转成js文件等等）

loader使用过程：

1. 通过npm安装需要使用的loader

2. 在webpack.config.js中的module关键字下进行配置

ES6语法处理