React JS中的哪些目录应该公开访问？

https://www.codementor.io/tamizhvendan/beginner-guide-setup-reactjs-environment-npm-babel-6-webpack-du107r9zr

该教程是在准确的文件都应该去的地方有点不清楚。但它似乎是建议我这样构造我的目录：

/react-hello-world 
    /node_modules 
    package.json 
    /src 
     /client 
      /app 
       /AwesomeComponent.jsx 
       /index.jsx 
      index.html 
      /public 
       bundle.js 
    webpack.config.js

我有点困惑，应该公开访问哪些目录。它应该是src目录，客户目录还是公共目录？我会认为公共目录应该是唯一一个向互联网开放的目录。但是，index.html文件放置在公共目录之外。这导致我认为它应该是互联网应该访问的客户端目录。但是，那意味着应用程序目录也是公开的。不应该隐藏公共视图的应用程序目录吗？

来源

2017-02-10 kojow7

这些*都不需要*可以访问。我认为最好将生成的文件移动到您的Web服务器可以为其提供服务的地方。那是真的取决于你。 –

应该公开访问捆绑文件和根HTML文件（如bundle.js和index.html）。 – bravokeyl

理想情况下，您需要加载一个index.html，一个vendor.bundle.js（编译npm模块），然后使用自己的代码加载一个自定义.js文件。至少，这是一个简单的方法。 – cbll

这是一个发展环境下，你从优势的NodeJS与所谓bundle.js一个单一的JavaScript文件，应集成在生产环境中结束。这就是你使用webpack的原因。

因此，没有必要寻求公共目录，因为不是整个项目将被托管，但只有bundle.js，index.html以及如果任何资产（图片，字体...）

来源

2017-02-10 06:50:38

的WebPack-配置。 js将bundle.js放置在公共文件夹中，并且还可以使webpack将index.html移动到公用文件夹。

理想情况下，您可以将webpack-config.js中公用文件夹的位置更改为src外部。这对你更容易。

然后，一旦你通过npm运行webpack你会得到最终的文件，把它们用在你的html中。

来源

2017-02-10 07:23:48

你没有指定“如何”对我来说更容易。 – kojow7

您可以通过在config中使用输出路径来移动输出文件。您可以将它放在src外面以减少混淆。现在你在src文件夹结构中有它。 –

React JS中的哪些目录应该公开访问？

回答

相关问题