该React项目使用的是Webpack5搭建的,Webpack5和Webpack4还是有很多地方是不同的,特别是在devServer 和对图片,文字等静态资源的使用都有很大的差别。
其实对图片的静态资源的处理,Webpack5提供了原生的方法,如果是5x之前的版本,需要安装file-loader,url-loader等Loader来进行处理
git clone git@github.com:wuqiren/fish-webpack.git
yarn install
yarn run dev
搭建过程可以查看这篇文章点击