如何更好的学习webpack的途径？

Question

首先强调一下是更好而不是更快。

接触webpack也有一段时间了，但是水平还是很渣，偶尔看看文档，看看别人的代码，但是我发现自己连webpack的理解都有误，更别说它的工作原理。

我只知道它是用来打包的，平时工作中项目的配置都是leader配置好的，直接用就行，基本没有写过项目配置，看看官方文档也就只是大概的了解一下，真到自己去写的时候根本写不出来，现有的配置大部分还是能看懂的。

最让我难受的就是自己貌似就不知道它的工作原理，比如在vue项目中开发环境和生产环境的的css，开发环境是以style的形式插入到head中，生产环境是link的形式我连为啥都不知道，为同事之后真的觉得自己要学好webpack还好远啊！完全没有方向，看文档？看视频？写demo？

Answer 1

最好的办法就是自己动手搭一个脚手架，哪里不懂就查哪里，等这个脚手架能够完全使用的时候，你就了解一个大概了，然后就是深入的了解原理，自己去写loader,plugin,实现小功能，就差不多了

Answer 2

推荐看 nodejs 以及 webpack 源码，因为webpack 是 nodejs 开发的

Answer 3

当然是多动手写了，不懂的就查文档，至于看源码我觉得还是算了吧，感觉没什么必要。

Answer 4

说明你配置都没看懂啊，看看这篇入门文档，了解一些loader和plugin，你就明白webpack一般就是调插件调用loader解析，根据具体功能去寻找插件或者自己编写就好了webpack

Answer 5

建议你可以自己写一些小项目，兴趣项目，并在github上开源，持续更新。
webpack还是先要了解nodejs