Import SASS from another npm package

Question

I would like to get a little guidance in my next steps. In our company, we are starting work on a new administrative panel. I came up with the idea to modulate it into small, more manageable parts with npm.

The first and most important module we are working on is Media Browser. This is written in the book React and Sass. It depends on another module, now called the framework, which is the basis for our admin panel. It is also based on Sass and contains all the important mixins and variables.

Now to the question: how to import mixins and variables into the Media Browser package? Relative paths vary. Example:

Directory structure when developing Media Browser:

node_modules
    framework
        vars.scss
styles.scss
package.json

Directory structure when using Media Browser in the admin panel:

node_modules
    framework
        vars.scss
    media-browser
        styles.scss
package.json

vars.scss .

npm, . gower, , npm @3 .

: Sass npm, . IMHO, npm @3.

Answer 1

css node_modules, ~.

: npm install normalize.css --save

app.scss: @import '~normalize.css';

, npm . - @import '~normalize.css/path/to/build.css';