如何为具有v3(平面目录结构)的NPM包进行SASS导入的正确路径

时间:2016-08-23 12:56:33

标签: npm

我有一个自定义NPM模块,需要其他基于SASS的NPM模块,例如Br​​eakpoint SASS和Susy。

在我的模块package.json中:

"dependencies": {
  "breakpoint-sass": "^2.7.0",
  "susy": "^2.2.12"
}

当我使用NPM v2时,依赖是嵌套的。因此,在我的模块的SASS文件中,我可以将依赖项包括在内:

@import './node_modules/breakpoint-sass/stylesheets/breakpoint';
@import './node_modules/susy/sass/susy';

然而,从NPM开始,v3依赖项现在安装为扁平结构。

在我的项目根目录中:

node_modules/custom
node_modules/breakpoint-sass
node_modules/susy

当我使用Gulp SASS时,我已经使用includePaths在1个项目中工作了。但是,由于需要自定义构建任务,因此我的模块基本上已损坏。有解决方案吗?

我考虑在使用includePaths的模块中使用裸节点-sass实现,但这似乎只是解决路径的很多工作。

一个单独但可能相关的问题是我的自定义模块中有字体,我在自定义模块的SASS文件中使用@ font-face导入。当我将模块的SASS文件导入到我的主项目的SASS文件中时,@ font-face路径是错误的。

0 个答案:

没有答案