我们在哪里放置资产（如图片）以及如何在React + Flux Web应用程序组件上加载它们？

Question

我正在创建一个React + Flux Web应用程序，其文件结构如下所示：

MyApp
|---
|---scripts
    |---app.jsx
    |---actions
    |---components
        |---HomePage.react.jsx
        |---NotFoundPage.react.jsx  
        |--- ...etc
    |---dispatcher
    |---stores

1）我在哪里放置公共资产，如图片，视频，文本文件等等。

2）是否有标准/整洁的方式加载它们？我发现的只是this库，但必须有更多人使用。

Answer 1

我通常使用保留所有资产的dist或public文件夹。当我发布应用程序时，捆绑包将保存在dist文件夹中。

例如：

MyApp
|-- app
|    |---app.jsx
|    |---actions
|    |---components
|        |---HomePage.react.jsx
|        |---NotFoundPage.react.jsx  
|        |--- ...etc
|    |---dispatcher
|    |---stores
|-- public
     | -- js -- bunlde.js
     | -- img -- images
     | -- css -- app.css

是否有标准/整洁的方式来加载它们？我发现的只有这个图书馆，但必须有更多人使用。

您可以将它们包含在index.html中。但是，最近我将css捆绑到javascript文件中，因此我只有一个文件。 你可以用：

来做到这一点

• webpack：https://github.com/webpack/css-loader
• browserify：https://github.com/cheton/browserify-css