如何防止 npm 运行构建删除构建中的目录

Question

我有一个SPA反应应用程序来托管我的个人项目。布局是用 react 创建的，但每个个人项目都是一个包含正常index.html、.js和.css文件的目录。

我不知道如何成功地使用 <Link> 在单击时呈现常规.html页面，所以我现在采取简单的方法：手动将每个目录移动到 build 中，然后使用 <a href=""></a> 链接到它。

这有效，但是每次我重新运行npm run build它都会删除我的所有项目目录。如何防止此行为？(我正在使用默认值create-react-app(。

TL;dr：如何告诉npm run build不要删除build中的某些目录。

Answer 1

应在每次构建时清理构建文件夹。这是最佳实践，因此您的项目可以由不同的开发人员构建，只有源代码。

为了实现你的任务，你应该使用额外的npm脚本，该脚本将在构建后自动运行。(您可以在此处看到可以运行脚本的所有可能阶段(

后期生成脚本应将其他文件从文件夹下的某个路径复制到src文件夹build。因此，在每次构建时，您都将拥有所有必需的文件

例

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "postbuild": "copy .\src\app.js .\build\app.js"
}, 

最后一行会将app.js从src文件夹复制到build文件夹。与创建脚本以在每次构建后重新创建所有必需目录的方式相同。