前端工程化

编写一个名为 webpack-numbers 的小的 library，可以将数字 1 到 5 转换为文本表示，反之亦然，例如将 2 转换为 'two'。 我们的模块需要lodash依赖，但是我们期望library的使用者已经安装了lodash依赖，否则我们需要将lodash打包…

把网页依赖的基础模块抽离出来，打包到一个个单独的动态链接库中去。一个动态链接库中可以包含多个模块。 当需要导入的模块存在于某个动态链接库中时，这个模块不能被再次被打包，而是去动态链接库中获取。 DllPlugin 插件：用于打包出一个个单独的动态链接库文件。 DllRefere…

这里的[name] 我们称之为：substitutions --- 也就是一个占位符，执行build后被会替换。 在客户端向服务端请求资源时候，对应的资源匹配符一般是 url/path/filename,因此，当filename不发生变化时候，客户端会命中缓存，当我们文件发生修…

上篇文章中，我们已经实现了一个基础的webpack配置，满足我们对jsx和css提取、依赖文件提取的基本需求，并且可以实时监测我们代码的变动自动执行build. webpack-dev-server从会output.path中定义的目录为服务提供束文件，即，将文件可以通过htt…

假设有这么一个场景，你想用React构建一个应用，并且执行打包后部署到服务端。(这里我假设你不使用Create-React-App来创建项目)，那么你首先会遇到两个问题：浏览器无法识别.jsx文件/如何去打包文件？