从另一个npm包导入SASS

Question

我希望通过我的下一步行动得到很少的指导.在我们公司,我们开始研究新的管理面板.我想出了一个想法,用npm将它模块化为更小,更易于管理的部分.

我们正在开发的第一个也是最重要的模块是Media Browser.它是用React和Sass编写的.它依赖于另一个现在称为框架的模块,它是我们管理面板的基础.它也基于Sass并包含所有重要的mixins和变量.

现在,问题是:如何将mixins和变量导入Media Browser包？相对路径不同.例:

开发媒体浏览器时的目录结构:

node_modules
    framework
        vars.scss
styles.scss
package.json

管理面板中使用媒体浏览器时的目录结构:

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

vars.scss的相对路径是不同的.

我是新来的,所以我的方法可能不对.我也尝试过凉亭,但我认为使用npm @ 3的扁平依赖树它是一样的.

我在这里找到了类似的问题: 通过npm导入Sass,但我宁愿避免一些变通方法.恕我直言,这应该是现在在npm @ 3更优雅的方式.

谢谢

Answer 1

如果您想从 node_modules 文件夹导入 css 文件，请使用~.

安装模块：npm install normalize.css --save

然后将其导入到app.scss中：@import '~normalize.css';

确保 npm 模块的入口点正确。你也可以做类似的事情@import '~normalize.css/path/to/build.css';