Sass 从另一个npm包导入SAS
我想通过我的下一步行动得到一些指导。在我们公司,我们正在着手一个新的管理小组。我提出了一个想法,用npm将其模块化为更小、更易于管理的部分 我们正在开发的第一个也是最重要的模块是媒体浏览器。这是用React和Sass写的。它依赖于现在称为框架的另一个模块,这是我们的管理面板的基础。它还基于Sass,包含所有重要的mixin和变量 现在,问题是:如何将mixin和变量导入媒体浏览器包?相对路径不同。例如: 开发媒体浏览器时的目录结构:Sass 从另一个npm包导入SAS,sass,npm,node-modules,Sass,Npm,Node Modules,我想通过我的下一步行动得到一些指导。在我们公司,我们正在着手一个新的管理小组。我提出了一个想法,用npm将其模块化为更小、更易于管理的部分 我们正在开发的第一个也是最重要的模块是媒体浏览器。这是用React和Sass写的。它依赖于现在称为框架的另一个模块,这是我们的管理面板的基础。它还基于Sass,包含所有重要的mixin和变量 现在,问题是:如何将mixin和变量导入媒体浏览器包?相对路径不同。例如: 开发媒体浏览器时的目录结构: node_modules framework
node_modules
framework
vars.scss
styles.scss
package.json
在管理面板中使用媒体浏览器时的目录结构:
node_modules
framework
vars.scss
media-browser
styles.scss
package.json
vars.scs的相对路径不同
我是npm的新手,所以我的方法可能不正确。我也试过bower,但我想是的npm@3的平坦依赖树是相同的
我在这里发现了类似的问题:
,但我宁愿避免一些变通办法。依咪浩,这应该是在更优雅的方式在现在可以做到的npm@3.
谢谢你如果你想从你的节点模块文件夹中导入css文件,请使用
~
安装模块:npm Install normalize.css——保存
然后将其导入app.scss:@import'~normalize.css'代码>
确保npm模块的入口点正确。您还可以执行类似于@import'~normalize.css/path/to/build.css'的操作代码>这适用于网页
。对于节点sass
您必须定义自己的--importer
函数,请参阅: