我正在使用 Surge 托管我的 create-react-app 网站,为了使用客户端路由,您需要将入口点设置为200.html
但是当使用 create-react-app 时它默认设置为index.html
。在不破坏网站的情况下重命名该文件的最佳方法是什么?
正如相关中所建议的CRA 问题 1761建议的解决方案是弹出整个配置(包括 Webpack):
npm run eject
运行 npm runject 会将所有配置文件和传递依赖项(Webpack、Babel、ESLint 等)复制到您的项目中,以便您可以完全控制它们。像 npm start 和 npm run build 这样的命令仍然有效,但它们将指向复制的脚本,以便您可以调整它们。此时,你只能靠自己了。(为什么我喜欢 Create React App)
弹出后您将可以手动编辑里面的配置config/webpack.*.js
.
您可能期望有这样的行:
new HtmlWebpackPlugin({ inject: true, template: paths.appHtml, filename: 'index.html', ...)
您可以简单地替换的地方index.html
变成想要的200.html
.
还可以使用构建命令(如建议的lcoder):
{
"scripts": {
...
"build": "node scripts/build.js && mv build/index.html build/app.html",
...
}
}
假设简单重命名后build
过程对你来说就足够了。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)