Estoy implementando un editor de texto enriquecido en NetlifyCMS y opté por reaccionar draftjs wysiwyg.

Puedo implementar el editor de texto como un componente normal y ponerlo en una página. Las clases de CSS funcionan bien allí porque Gatsby usa css-loader de webpack de forma predeterminada. Pero, css-loader no parece funcionar en NetlifyCMS.

Lo que encontré es que el combo Gatsby/NetlifyCMS no permite que css-loader funcione en el entorno NetlifyCMS. Sé que algunas personas con problemas similares ingresaron a la configuración del paquete web y ajustaron la opción de módulos para el cargador css, pero Gatsby oculta esto de manera un poco diferente porque es un paquete predeterminado. Esto puede o no solucionar el problema, pero no estoy seguro de dónde encontrar y ajustar la configuración del paquete web.

Actualizar:

Los widgets personalizados en netlifyCMS a veces pueden tener problemas con las hojas de estilo. Entonces, algunos han sugerido vincularlo en el encabezado del componente. Intenté lo siguiente y tampoco funcionó

 ... return ( <> <Helmet> <link rel="stylesheet" href="./RichTextEditor.css" /> </Helmet> <MyCustomWidget ... /> </> )