qq_39261142的博客

如果使用 react-router-dom 来配置路由跳转，默认情况下只能使用 HashRouter，使用 BrowserRouter 时匹配 / 以外的路由会找不到服务而报 404 错误这是因为 react 服务是一个单页面应用，使用 BrowserRouter 模式会向浏览器请求指定的路由资源，如访问 xxx 路由相当于请求服务端的 ~/xxx 资源，但是服务端并没有配置该路由，因此会返回 404，webpack 中的解决思路是：如果匹配不到对应路由，都返回 index.html，然后通过 js 代

Webpack配置简述说明：从0开始配置一套 react + typescript 的 webpack 配置（本次使用webpack5版本）参考：配置webpack（上）、配置webpack（下）补充：为了消除版本不同可能的产生的bug，在下文中下载第三包时补充了此项目所用的版本信息，不意味着一定要使用该版本特色：主要以实现核心功能为主初始化项目项目基本架构生成项目依赖文件 package.jsonyarn init -y添加 .gitignore可以使用 vscode 插件 gi

主要内容参考公开课Webpack基础webpack 是一个现代 JavaScript 应用程序的静态模块打包器，打包是为了大幅度降低项目文件的大小，方便请求传输，每当代码更新时，需要再次打包webpack打包过程：module→chunk→bundlemodule项目里写的代码文件都可以称为modulechunkmodule 源文件传到 webpack 进行打包时，webpack 会根据文件引用关系生成 chunk文件假如有4个文件index.js、index.css、tool.j