Webpack入门指南

webpack 的入门笔记,有点像老司机边开车边讲段子那种调调。

Webpack 的代码加载方案,挺适合你平时会用到browserifyRequireJS的场景。文档里讲得比较实在,不是那种一上来就用术语堆砌的风格,蛮接地气的。

比如你想把项目拆成多个包,或者某些页面异步加载,Webpack 能搞定。像那种 SPA 项目,用户只会加载当前页面代码,其他的等用到再拉,响应也快。

还有一点挺实用的:Webpack 可以接管CSS 打包图片,甚至你写的LESSSASS也能顺手转成 JS 打包一起走。不用再折腾gruntgulp了,省心。

官方文档看起来太啰嗦?那不妨先照着这个指南练练手,里面用的是 Instagram 内部的套路,虽然是英文原稿,但翻译还不错。

小提醒一下:如果你还在犹豫用什么模块系统,直接用CommonJS就行了,省得纠结。

有空也可以看看这些文章:Webpack 分包及异步加载Vue 与 Webpack 异步加载实践示例,写得还蛮细的。

zip 文件大小:18.6KB