How to import esri style into local scss

Annn — Wed, 16 Feb 2022 17:20:20 GMT

In my Angular project, I need to import the ESRI stylesheet as part of my scss style. However, I tried to import the follow all failing. All examples I can find import the remote version from esri server. What is the proper way to import ESRI css or scss style?

I tried:

@import 'node_modules/@arcgis/core/assets/esri/css/main';

Importing the scss directly seems to complain about unable to find path to `../themes/light/main.css`

@import 'node_modules/@arcgis/core/assets/esri/css/main.css

@import 'node_modules/@arcgis/core/assets/esri/themes/light/main.css';

Seem to have trouble finding the .css file even though it is actually found in the path

I even tried to make a copy of the compiled .css into my project and import, but that seemed to have trouble finding path to the font referenced.

I'm very confused, please help.

Re: How to import esri style into local scss

Annn — Thu, 17 Feb 2022 21:48:30 GMT

Figured out the following works.

@import ~@arcgis/core/assets/esri/css/main.css

topic Re: How to import esri style into local scss in ArcGIS JavaScript Maps SDK Questions

How to import esri style into local scss

Re: How to import esri style into local scss