如何使用parcel-bundler将公共目录中的所有文件添加到构建目录？

Question

我在React应用中使用parcel-bundler。但是，我意识到我需要重定向所有文件 index.html 使用 HTTP 文件，但当我将 .htaccess 文件添加到公共目录时，在构建项目后它并未添加到 dist 文件夹中。

如何在构建后自动实现这一点，而不必手动添加文件呢？

- iamafasha

---

给出的答案不起作用。你找到答案了吗？ - Sushilzzz

它有什么问题？它只是复制文件。如果你在Windows上，你需要使用复制命令而不是cp。 - jpmc

Answer 1

您可以在package.json中设置自定义复制脚本，然后在编译脚本或任何需要的地方使用它 :)

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build && npm run copy",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "copy": "cp public/.htaccess dist"
  },

注意：Windows 用户需要使用 copy 命令而不是 cp。

- jpmc

Answer 2

另一个选择是使用 parcel-plugin-static-files-copy。在构建时，它会自动将 static 中的所有内容复制到 dist 中。

您可以将您的 .htaccess 放在那里，就完成了。

- luke8800gts