Webpack 是一个前端项目工程化的具体解决方案，提供以下功能：

• 友好的前端模块化开发支持
• 代码压缩混淆
• 处理 JS 兼容性（兼容老浏览器）
• 性能优化

Webpack 让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性

创建列表隔行变色项目

项目编写过程中使用到了 ES6 的导包语法，浏览器不支持，需要使用 Webpack

-D 参数是 --save-dev 的缩写，代表只在开发环境中打包

安装模块的代码可见 npmjs.com

在项目中配置 Webpack

打包成功后会生成 dist 文件夹，Webpack 把处理好的 main.js 放到这个文件夹内；main.js 里同时包含 jQuery 和 index.js

了解 mode 可选值的应用场景

• deveplopment：开发环境，代码不压缩，打包时间短
• production：生产环境，代码压缩，打包时间更长

Webpack 的 entry 和 output

默认值：