css در ری‌اکت

سلام. من باید از یک فایل css توی پروژم استفاده کنم. اسم هایی که توی این فایل استفاده شده خیلی دو کلمه ای هست و کامپکت نیست. و به خاطر همین اول باید اسامی اون رو کامپکت کنم و بعد توی پروژم استفادشون کنم. این کار داره خیلی زمانمو میگیره. میخواستم ببینم میشه با همین نام هایی که وجود داره بدون کامپگت کردنشون بتونم ازشون توی reactjs استفاده کنم؟ بعلاوه اینکه من فایل scss رو به css تبدیل کردم که توش برای bootstrap بود :

@import "../../node_modules/bootstrap/scss/mixins";
@import "../../node_modules/bootstrap/scss/root";
@import "../../node_modules/bootstrap/scss/reboot";
@import "../../node_modules/bootstrap/scss/type";
@import "../../node_modules/bootstrap/scss/images";
@import "../../node_modules/bootstrap/scss/code";
@import "../../node_modules/bootstrap/scss/grid";
@import "../../node_modules/bootstrap/scss/tables";
@import "../../node_modules/bootstrap/scss/forms";
@import "../../node_modules/bootstrap/scss/buttons";
@import "../../node_modules/bootstrap/scss/transitions";
@import "../../node_modules/bootstrap/scss/dropdown";
@import "../../node_modules/bootstrap/scss/button-group";
@import "../../node_modules/bootstrap/scss/input-group";
@import "../../node_modules/bootstrap/scss/custom-forms";
@import "../../node_modules/bootstrap/scss/nav";

نمیشه برای reactbootstrap هم همین کار رو بکنم؟ و اگر میشه چجوری؟

@hesammousavi
@ali.bayat