I am encountering difficulties integrating Pillarbox into a TypeScript project created with Parcel. The problem arises when attempting to include the CSS file using the following code snippet:
To bundle the CSS together with the theme, it would be necessary to remove the .css suffix from the import statement:
@import '../node_modules/video.js/dist/video-js';
Additionally, here are some alternative suggestions:
Remove Import and Inform Integrators:
Remove the import statement and advise integrators to individually import both Video.js and the Pillarbox theme in their project.
Import Video.js SCSS from video.js/src/css/vjs.scss:
Consider importing the Video.js SCSS directly from video.js/src/css/vjs.scss instead of relying on the current approach.
I am encountering difficulties integrating Pillarbox into a TypeScript project created with Parcel. The problem arises when attempting to include the CSS file using the following code snippet:
This triggers the following error message:
Currently, the Video.js CSS is imported within the Pillarbox theme like this:
https://github.com/SRGSSR/pillarbox-web/blob/8353dd8e7d7943d3a9f3ea5b171ac71c31f59116/scss/pillarbox.scss#L1
To bundle the CSS together with the theme, it would be necessary to remove the
.css
suffix from the import statement:Additionally, here are some alternative suggestions:
Remove Import and Inform Integrators: Remove the import statement and advise integrators to individually import both Video.js and the Pillarbox theme in their project.
Import Video.js SCSS from
video.js/src/css/vjs.scss
: Consider importing the Video.js SCSS directly fromvideo.js/src/css/vjs.scss
instead of relying on the current approach.