0. 课程介绍和资料 1. 为什么要自动生成 HTML？ 看过这个系列教程的朋友，都知道在之前的例子中，每次执行webpack打包生成js文件后，都必须在index.html中手动插入打包好的文件的路径。 但在真实生产环境中，一次运行webpack后，完整的index.html…

前端的构建打包工具很多，比如grunt，gulp。相信这两者大家应该是耳熟能详的，上手相对简单，而且所需手敲的代码都是比较简单的。然后webpack的出现，让这两者打包工具都有点失宠了。webpack比起前两者打包工具，对于前端程序员JS编程能力的要求还是挺高的。不过需要兼容i…

【Webpack的使用指南 02】Webpack的常用解决方案

背景：其实“打包”对于前端来说再熟悉不过了，但是深入其中的原理，却不是人人都熟悉。由于webpack功能的强大和盛行，我们大部分都是所谓的“配置工程师”。借此，特地简单分析了一官方文档中提到的一个minipack项目的源码，以此深入了解下什么是打包？以及打包的原理是什么？ 读取…

Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南，在文档层面上还有所欠缺，大部分人对升级 Webpack 还是一头雾水。 不过 Webpack 的开发团队已经写了一些零散的文章，官网上也有…

原文地址 经过一个多月的奋战，webpack2的中文文档已经翻译好大部份，并且完成了核心内容“概念”和“指南”部份的校对。 这份文档比react, vue之类的文档都要庞大而且复杂。本文带你如何快速读懂这份文档。 首先是“概念”。这部份对于菜鸟或者老司机来说，都是值得一读的，由…

有兴趣的同学可以看下,内附详细注释,适合刚学习 webpack 的童鞋. 1.多个入口(entry),每个页面对应一个入口,理解为 js 资源. 2.多个 html 实例,webpack 使用html-webpack-plugin插件来生成 html 页面. 3.每个页面需要对…

最近金拱门比较火，我们先戳开它的官网看看。 用vue/react吧，单页应用满足不了seo，而且IE兼容性不好。上node中间层做服务端渲染又把事情搞麻烦了。只能用JQuery干，但是又该怎么做工程化呢？好像也不是很容易。因为目前大家的工程化方案多是一整套单页应用全家桶，如vu…

可能你学会了如何使用 Webpack ，也大致知道其工作原理，可是你想过 Webpack 输出的 bundle.js 是什么样子的吗？ 为什么原来一个个的模块文件被合并成了一个单独的文件？为什么 bundle.js 能直接运行在浏览器中？ 下面通过 Webpack 构建一个采用…