Stencil and Sass file

Question

I am trying to port a React component to Stencil.

The component .scss file has an @import for another A.scss file. That A.scss file @import the bootstrap-sass/assets/stylesheet/bootstrap/_variables and @import another B.scss file.

Can Stencil handle that or do I need to merge everything in one file?

Answer 1

You can import other Sass files; you don't need to merge everything to one single file.

You can keep using Sass as you are using it with React. Just keep in mind that to be able to use Sass with Stencil, you have to install the Sass plugin and add the plugin to the plugins array in your stencil.config.js file.

For more information, check the Sass documentation on the Stencil website.