前端必不可少的脚手架

对于打包工具的熟悉程度渐渐地也已经成为衡量前端开发工程师水平的一个重要指标。记得在校招面试的时候就有问各类打包工具的问题，如对于 Gulp、Grunt、Webpack 的熟悉程度，各类打包工具的特色及优缺点等。而当咱们逐渐融入到一个特定的团队中，通常都有现成的脚手架提供给咱们使用，而对于脚手架自己的关注程度也会慢慢下降。那是否就意味着，不须要掌握脚手架的相关知识了呢？其实否则，有如下几个理由。

（1）任何脚手架都有必定的适用场景，可是同时也有边界，若是不当心跨域了这个边界，那么极可能遇到意想不到的问题，如 bug。此时，若是对脚手架的原理有必定的了解，那么也可以更快的定位问题。

（2）任何一个脚手架都不多是完美的，都会存在一个优化的阶段，若是只是用它，而不去了解它、优化它，那么自己就是一个追求完美的工程师不该该具备的态度。何况，对于工程师来讲，只是会用而不知道其原理自己就是一个笑话。

课程内容

本课程是基于对 Webpack 有必定的了解，或者是想深刻了解 Webpack 打包原理的读者而写的。若是只是想了解如何使用 Webpack，那么网上的大部分资料已经足够了。如今对本课程作一个归纳，主要内容包含如下部分。

• Webpack 的核心概念
• Webpack 基本使用
• webpack-dev-server 核心概念
• webpack-dev-server 基本使用
• Webpack 的 HMR 原理分析
• Webpack 中的 Compiler 和 Compilation 对象
• Webpack 常见插件原理分析
• 写一个 Webpack 插件
• 写一个 Webpack 的 loader
• Webpack 结合 react-router 实现按需加载
• Webpack 2 的 Tree-shaking 深刻分析
• 以 Node 方式集成 Webpack 和 webpack-dev-server 打包

写给读者

其实如今基于 Webpack 的打包工具都已经很是成熟，因此读者能够随意的在 Github 或者 npm 中找到须要的脚手架。可是，就像文章开头所说，只有了解了 Webpack 的核心原理，才能在开发中作到驾轻就熟。我见过不少同窗，可以正常的使用 Webpack，对不少 Webpack 的配置也了解，可是当遇到问题的时候每每不知所措。经过本系列课程，会让读者摆脱现状，更好的理解 Webpack 原理，而不会知其然不知其因此然。

单击这里详见课程信息。

另外，招募做者来写小课。GitChat是一个移动端的IT知识、技术分享平台，于2017.10和CSDN合并，成为其旗下独立品牌。咱们正在寻求有互联网基因的人来一块儿分享IT人员的关切，诚挚邀请您来作一次分享（让IT类文章变现，增长关注度、提升知名度），欢迎有志者加入~cuicui@gitbook.cn