深入浅出 Webpack

 主页   资讯   文章   代码   电子书 

实战总结

在实际应用中,会遇到各种各样的需求,虽然前面的小节中已经给出了大部分场景需求的解决方案,但还是很难涵盖所有的可能性。 所以你自己需要有能力去分析遇到的问题,然后去寻找对应的解决方案,你可以按照以下思路去分析和解决问题:

  1. 对所面临的问题本身要了解。例如在用 Webpack 去构建 React 应用时你需要先掌握 React 的基础知识。
  2. 找出现实和目标之间的差异。例如在 React 应用的源码中用到了 JSX 语法和 ES6 语法,需要把源码转换成 ES5。
  3. 找出从现实到目标的可能路径。例如把新语法转换成 ES5 可以使用 Babel 去转换源码。
  4. 搜索社区中有没有现成的对可能路径的 Webpack 集成方案。例如社区中已经有 babel-loader。
  5. 如果找不到现成的方案说明你的需求非常特别,这时候你就需要编写自己的 Loader 或者 Plugin 了。在第5章中会介绍如何编写它们。

在解决问题的过程中有以下2点能力很重要:

  1. 从一个知识你需要尽可能多的联想到其相关连的知识,这有利于打通你的知识体系从经验中更快的得出答案。
  2. 善于使用搜索引擎去寻找你所面临的问题,这有利于借助他人的经验更快的得出答案,而不是自己重新探索。

最重要的是你需要多实战,自己去解决问题,这有利于加深你的影响和理解,而不是只看不做。