Import CSS

[aksld]

Hello,

I'm trying to use your plugin with Full Calendar JS (https://fullcalendar.io)

I'm following this guide : https://fullcalendar.io/docs/initialize-es6

For javascript part it's ok.

But for CSS, i have problem :

In admin.js, I add the following code :

import '@fullcalendar/core/main.css';
import '@fullcalendar/daygrid/main.css';

And I have this error :

ERROR in ./node_modules/@fullcalendar/core/main.css 1:0
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.
> @charset "UTF-8";
| .fc {
|   direction: ltr;
 @ ./assets/js/admin/admin.js 2:0-37

ERROR in ./node_modules/@fullcalendar/daygrid/main.css 4:0
Module parse failed: Unexpected token (4:0)
You may need an appropriate loader to handle this file type.
| --------------------------------------------------------------------------------------------------*/
| /* day row structure */
> .fc-dayGridWeek-view .fc-content-skeleton,
| .fc-dayGridDay-view .fc-content-skeleton {
|   /* there may be week numbers in these views, so no padding-top */
 @ ./assets/js/admin/admin.js 3:0-40

Do I need to do something ? I need to add a config ?

Thanks.

[timwright12]

@aksld Hey Axel! Try importing your CSS into the admin CSS instead: https://github.com/10up/plugin-scaffold/blob/master/assets/css/admin/admin-style.css that should fix your issue