从另一个 npm 包导入 SASS

Question

我希望在接下来的行动中获得一些指导。在我们公司，我们开始在一个新的管理面板上工作。我想出了一个想法，用 npm 将它模块化成更小、更易于管理的部分。

我们正在开发的第一个也是最重要的模块是媒体浏览器。它是用 React 和 Sass 编写的。它依赖于现在称为 framework 的另一个模块，它是我们管理面板的基础。它同样基于 Sass，包含所有重要的 mixin 和变量。

现在，问题是：如何将 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 新手，所以我的方法可能不对。我也尝试过 bower，但我认为使用 npm@3 的平面依赖树是一样的。

我在这里发现了类似的问题： Importing Sass through npm，但我宁愿避免一些变通方法。恕我直言，这应该可以在 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';