时间戳

首页 > 解决方案 > 编译后编辑文件，React

reactjs - 编译后编辑文件，React

问题描述

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

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

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

运行后文件可以编辑npm build吗？我在这里想念什么？

标签： reactjsnpmcreate-react-app

解决方案

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

推荐阅读