概念：

.........

五个核心概念

1. Enter
   入口（Enter）指示webpack以哪个文件作为起点开始打包，分析构建内部依赖图
2. Output
   输出（output）指示webpack打包后的资源bundles输出到哪里去，以及如何命名
3. Loader
   Loader让webpack去处理那些非JS文件（webpack只认识js/json后缀文件）
4. Plugins
   插件（Plugins）可以执行更广泛的任务，比如HtmlWebpackPlugin可以生成一个自动引入bundles的html。 插件的范围包括，从打包优化到压缩，一直到重新定义环境中的变量等
5. Mode
   Mode只是Webpack使用相应模式的配置，value = development/production
   development: 会将process.env.NODE_ENV的值设为development；特点是能构建让代码本地调试运行的环境
   production: 会将process.env.NODE_ENV的值设为production；特点是能满足让代码优化上线运行

特点

1. webpack能处理js/json资源，不能处理css/img等其他资源，需要使用loader
2. 生产环境以及开发环境可以将ES6模块化编译成浏览器可以识别的模块化
3. 生产环境比开发环境多一个压缩js代码

直接简单打包无需配置使用指令

安装webpack webpack-cli

webpack 入口路径 -o 出口路径 --mode=[development/production]