webpack打包express,各种大量报错,resolve.fallback
发布于 作者:苏南大叔 来源:程序如此灵动~

故事依然发生在使用webpack
去打包的时候,目标代码依然是基于express
的ssr
程序。如果webpack.config.js
没有设置好的话,会引发一系列的报错信息。本文依然是处理这些报错信息的。

苏南大叔的“程序如此灵动”博客,记录苏南大叔的编程心得体会。本文测试环境:nodejs@20.18.0
,create-react-app@5.0.1
,react-router-dom@6.27.0
,react@18.3.1
,express@4.21.1
,webpack-cli@5.1.4
。
错误信息
这个时候,报错信息大量输出。类似如下:
大意就是,各种各样的基本模块没有被识别出来。这就很令人不解了。

解决方案
实际上的解决方案,其实也非常简单。无视那些大量的错误输出信息给出的resolve.fallback
提示信息。仅仅做下面的修改,即可解决上面的大量错误信息输出。
修改webpack.config.server.js
里面的target
为node
。例如:
当然,也可以使用externals
属性,去排除掉express
的打包。但是,既然报了这么大量的错,本意上应该是接受express
打包进去最终的.js
文件吧?所以,还是设置target
为node
,更好一些。
相关文章
本文紧密关联文章:
这两篇文章里面,虽然解决的问题不一样。一个是关于react
的,另外一个是关于express
的。
但是方案都非常一致,都是target:node
。
结语
关于webpack.config.js
里面的externals
属性,待后续文章更新。本文的分类归类于webpack
,更多相关文章,点击下面的链接:


