這幾天想在react中用一下bootstrap,盡管有一個適配react的很好的庫叫react-bootstrap,但我還是想直接使用bootstrap
可以在react項目中執行以下命令安裝bootstrap
npm install bootstrap@3 --save
或是在bootstrap官網下載打包好的包直接放在react項目的src目錄下
在使用的時候,直接在入口文件導入即可
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap';
PS:上述代碼是使用npm安裝bootstrap的導入方式,其他方式請選擇正確的路徑
如果現在啟動項目,會報以下的錯誤
這是因為bootstrap依賴jQuery
網上有很多解決此類錯誤的方法,很多都是使用webpack進行配置,對於使用create_react_app創建的項目,由於create_react_app對webpack進行的封裝,要想配置還要進行他法,感覺很麻煩,我作為一個小白,完全看不懂啊(T_T)
於是僥幸試了一下,直接在react的index.html文件中加個jQuery的引入
然后就OK了。。。
----------
如果您還有什么好的方法的話,歡迎在下面留言指導