ReScript如何反应导入CSS文件？

Question

我正在努力将现有的ReScript移植到ReScript React，但是我遇到了一些问题。也就是说，在我的一生中，我无法弄清楚如何在ReScript中导入CSS，例如，在对导入引导做出反应时，我需要做的就是：

import 'bootstrap/dist/css/bootstrap.min.css';

然而，在ReScript中没有相应的方法(据我所知)，我尝试这样做：

@module("bootstrap/dist/css/bootstrap.min.css")

但不起作用。如何在ReScript中导入CSS文件？

Answer 1

使用%%raw表达式导入ReScript / React组件代码中的CSS文件：

// in a CommonJS setup
%%raw("require('./styles/main.css')")
    
// or with ES6
%%raw("import './styles/main.css'")

参考- https://rescript-lang.org/docs/react/latest/styling