生产环境下是否用Webpack打包依赖？Express externals配置报错求助

这个得看你的项目类型来决定：

• 对于前端浏览器项目：通常是需要的。Webpack可以把零散的业务代码、第三方依赖打包成少数几个bundle文件，减少浏览器的HTTP请求次数，还能通过压缩、Tree-shaking等优化手段缩小文件体积，提升页面加载速度。
• 对于Node.js/Express这类后端项目：不是必须的，但可以根据需求选择。如果你希望把整个服务端代码（包括依赖）打包成单个文件，方便部署（比如不用在服务器上安装一堆依赖），那Webpack是个不错的选择。但如果你的项目依赖很多原生模块（比如需要编译的C++扩展），Webpack打包可能会遇到麻烦，这时候直接部署源码+node_modules可能更省心。

看来你对externals的作用理解反啦！😅

externals字段的核心作用是：告诉Webpack“这个模块我会在运行时自己提供，你别把它打包进bundle里”。也就是说，当你把express加到externals里时，Webpack会保留代码里的require('express')语句，而不会把express的代码打包进你的输出文件。这就意味着，当你在服务器上运行打包后的脚本时，Node会去本地的node_modules里找express——如果没安装的话，自然就会报“找不到模块”的错。

那该怎么解决？分两种情况：

情况1：想把express等依赖打包进bundle #

把express从externals列表里移除，让Webpack把它和你的业务代码一起打包。同时确保你的Webpack配置里target设为'node'（针对Node环境打包），这样Webpack会保留Node的模块加载逻辑，不会把express转换成浏览器兼容的代码。

情况2：继续使用externals（不打包依赖） #

那部署的时候必须在服务器上执行yarn install --production或npm install --production，把package.json里的生产依赖安装好。externals的适用场景通常是那些在服务器环境中肯定会存在的模块，或者你不想打包的大体积依赖，但前提是运行环境能找到它们。

另外补充个小提示：如果你的Webpack配置里target没设为'node'，可能也会导致一些Node模块加载的问题，记得检查这个配置项哦。

内容的提问来源于stack exchange，提问作者dagda1