构建后编辑文件，反应

Question

我使用 create-react-app 在 React 中构建了一个应用程序。只是 JavaScript、CSS、HTML 和 React。我运行npm build然后将应用程序部署到 Netlify。

我想回去编辑一些 CSS。因此，我cd从笔记本电脑进入该目录并部署在 localhost:5000 上。我打开 VS Code 并进行更改，但是没有任何更改反映在浏览器 @ localhost:5000 中。

当我构建应用程序时，我设置它的方式允许我在保存文件时立即在浏览器中查看每个更改。

运行后文件是否可编辑npm build？我在这里缺少什么？

Answer 1

当您在 React 应用程序（或任何其他应用程序）上运行构建时，代码将从 es6 转换为 es5，然后可能被缩小（取决于 webpack 配置），因此代码无法访问，您需要 .map 文件来调试生产环境中的代码。因此，对部署的代码采取行动的最干净的方法是使用更新的功能进行新构建，然后再次部署前端。在本地开发中，react 样板通常会大量使用热重载，这是一个允许在应用程序运行时热替换代码的插件。构建的应用程序改为加载一次 JS 文件块并缓存它。因此，为了查看您的更改，您必须清除缓存或强制刷新（Windows 上的 home+F5，OSX 上的 CMD+R）以确保您的更改可见。尽管如此，我不鼓励编辑构建文件。当您必须在开发模式下更新代码时，在部署之前，