阅读源码的正确姿势在大致了解该工具库如何使用之后,抱着知其所以然的目的去了解其实现。在几个vue单页应用的工程中应用了webpack作为模块的编译和打包工具。通过vue-cli的webpack模板可以一键傻瓜式的快速搭建单页应用的开发原型。在vue-cli内部的webpack模板帮我们提前写好了webpack的一些配置,让开发人员将精力集中在内容的开发上,而非打包工具的配置上。这一点对于刚接触webpack的开发人员来说,无疑节省了大量的精力。熟悉webpack的常用配置以及其内部运行机制,有助于我们对整个前端项目有更好的把控。

此处附上官方的webpack地址:

webpack官网

如果英文阅读起来吃力,也可以访问下面的中文版本

webpack中文社区

每次接触新的东西,我都会在内心给自己提出很多问题,带着问题去调研学习一个东西,目标性强,不容易在那么大的社区中走失。提的问题多了,接触了解的也就越来越多,很多问题也就迎刃而解。自己对于webpack的学习同样才采用了这样的策略,提问题+官方文档+google。在接触和使用webpack的过程中,遇到了很多问题。下面就自己遇到过的疑惑和解决问题的过程和大家分享以下。

这一系列的文章可能会包括:

webpack构建流程探底

vue-cli中的webpack配置学习

webpack的常用插件及其作用

浅谈webpack的打包机制