构建后编辑文件,React

时间:2018-08-01 12:08:47

标签: reactjs npm create-react-app

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

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

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

运行npm build之后的文件是否可编辑?我在这里想念什么?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

您可以在src文件夹之外创建一些文件,并通过fecth从app.js中访问它们,甚至可以从index.html导入它们……因此,如果您想更改某些内容,则无需再次进行构建即可