如何防止npm run build删除build中的目录

时间:2019-05-29 00:19:47

标签: reactjs npm webpack

我有一个SPA react应用来托管我的个人项目。布局是使用react创建的,但是每个个人项目都是一个包含常规template <std::size_t S, typename T> Board<S, T> make_Board (std::vector<T> const & v) { return {v}; } // ... auto b = make_Board<3>(initialStateVector); index.html.js文件的目录。

我不知道如何在点击时成功使用.css来呈现常规<Link>页面,因此我现在采用一种简单的方法:将每个目录手动移至{{1 }},然后用.html链接到它。

这有效,但是每次我重新运行build时,它都会擦除所有项目目录。如何防止这种行为? (我使用的是<a href=""></a>默认值)。

tl; dr:如何告诉npm run build不要删除create-react-app内部的某些目录。

1 个答案:

答案 0 :(得分:2)

应在每次构建时清理构建文件夹。这是最佳做法,因此您的项目可以由仅具有源代码的不同开发人员来构建。

要完成您的任务,您应该使用其他npm脚本,该脚本将在构建后自动运行。 (您可能会看到可以运行脚本here的所有可能阶段)

postbuild脚本应将其他文件从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.jssrc文件夹复制到build文件夹。您可以使用创建脚本的方式,在每次构建后重新创建所有必需的目录。