前辈经验总结

• webpack中文网：webpack中文网
• LinDaiDai：霖呆呆的webpack之路

前端工程化

webpack

webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。前端的所有资源文件（JS、JSON、CSS、img、less）等都会作为模块处理。

webpack学习之路

基础篇

更新基础篇：webpack学习之路-基础篇

主要包括：

• 如何创建webpack项目？
• 如何安装webpack和webpack-cli
• webpack项目的组成结构
• 基础loader和plugin的使用和配置

构建方式篇

更新构建方式篇：webpack学习之路-构建方式篇

主要包括：

• Watch Mode(观察者模式)
• webpack-dev-server
• webpack-dev-middleware
• webpack-merge
• process.env.NODE_ENV
• webpack.DefinePlugin插件
• 命令行传递变量给配置文件

优化篇

更新优化篇：webpack优化篇

主要包括：

• 删除未引用的代码（Tree shaking）
• 代码分离（splitChunksPlugin）
• 懒加载