一、背景:
网上有一篇很好的介绍webpack的文章《入门webpack,看这篇就够了》,后面简称《入门webpack》但是由于这篇文章所介绍的是webpack1的写法,有的写法使用webpack2时会有问题。另外有些细节并未涉及。因此本文是跟着这篇文章学习webpack,以及遇到问题和解决方案的笔记。
二、为什么需要webpack:
这个在上述文章里已经介绍的比较清楚。
假设有这样的场景:
1.有一个很大的单页应用,为了提高开发效率,要将这个项目拆成多个模块,开发完成后,这个项目可以正常跑了。但是因为多个模块是存在不同文件中的,因此加载这个单页应用时,会发出多次请求。这时我们希望能够把所有模块打包成一个文件,这样可以减少请求次数,提升体验。
2.在开发这个单页应用中,同样是为了提高开发效率,使用了一些js和css的扩展语言,如TypeScript及Less、stylus,这些扩展使我们可以更简洁优雅地写代码,但是开发完成开始部署时,需要将它们进行相应的转换,转换成浏览器支持的语言。这时,我们希望能够有个工具可以以很大的自动化程度去完成这个转换工作。
3.在这个单页应用开发完成后,