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

Question

我在这里遵循教程：

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文件位于公共目录之外。这使我认为它应该是应该可以访问Internet的客户端目录。但是，这意味着app目录也是公开的。不应该在公共视图中隐藏应用目录吗？

Answer 1

这是一个开发环境，您可以利用NodeJS获得一个名为bundle.js的单个javascript文件，该文件应该集成在 PRODUCTION 中环境。这就是你使用webpack的原因。

因此，不需要寻找PUBLIC目录，因为不会托管整个项目，只有index.html，{{1}}以及资产（如果有的话）（图像，字体......）< / p>

Answer 2

Webpack-config.js将bundle.js放在公共文件夹中，您也可以使用webpack将index.html移动到公共文件夹。

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

然后，一旦你通过npm运行webpack，你将获得最终文件，拿走它们并在你的HTML中使用它。