我在哪里将静态文件放在我的React.JS应用程序中?

时间:2017-05-04 11:49:41

标签: twitter-bootstrap reactjs

我运行了create-react-app,我得到了publicsrc和javascript文件的常规结构。一切都很好。

现在我想将Bootstrap3添加到此,但我想添加普通的css / js / font文件夹,并创建自己的使用Bootstrap的组件。

问题是;我在哪里放文件?
public文件夹内,还是在src

我认为我只是通过在<script>中添加<link>public/index.html代码来正常引用它们吗?

感谢。

3 个答案:

答案 0 :(得分:1)

您应该考虑使用React-Bootstrap。 https://react-bootstrap.github.io/introduction.html

答案 1 :(得分:1)

这是来自create-react-app文档。

  

在index.html中,您可以像这样使用它:

<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
     

%PUBLIC_URL%前缀

只能访问公用文件夹中的文件

因此,您可以在公共文件夹中添加您的css,然后使用带有%PUBLIC_URL%

的网址前缀的标记添加它

答案 2 :(得分:0)

您可以通过在index.html

的head标记中添加cdn link来使用bootstrap