webpack工具理解
//webpack
//1. webpack是个什么工具?
// 当写html时候，会使用scss/less、es6语法、其他更高级的功能时，浏览器无法识别，
// 则需要一个工具，将其转换，让浏览器识别，webpack就是这样的一个工具
//2. webpack默认只能处理js,css,json,其他文件处理，需要借助loader,plugin
//3.webpack核心概念
// 3.1 入口(entry)
// 从哪个文件作为入口，构建内部依赖图(入口可以为多个)
// 3.2 输出(output)
// 打包后的资源 bundle 输出到哪里去
// 3.3 翻译关(loader)
// 3.3.1 webpack只能处理js文件
// 3.3.2 loader可以将非js文件转译成webpack能够识别的文件
// 3.4 插件(plugin)
// 执行范围更广的任务，如打包优化，资源管理，注入环境变量
// 3.5 模式(mode)
// 不同开发环境, development, production 或 none 默认值为 production
