css - 从父目录 node-sass 导入

Question

我正在使用 node-sass 来模拟我的 CDN 构建，并将我的 CSS 转换为模块化 Sass 设计。基本上我的设置涉及覆盖常见样式的品牌网站。

我想在品牌文件夹中做这样的事情

@import "../common/global-config";
@import "brand-config";
@import "../common/common";

// brand specific styles here

该文件将位于/css/brand-name/brand.scss

其他文件将存在in /css/common/_common.scss

我的 node-sass 设置看起来像这样

function compileSassFile(includes, path, callback) {
  if (!fs.existsSync(path)) {
    return null;
  }

  var css = sass.renderSync({
      file: path,
      success: callback,
      outputStyle: 'expanded',
      includePaths: includes
  });

  return css;
}

// bundlePath = 'css', dirName = '/brand-name'
compileSassFile([path.join(bundlePath), path.join(bundlePath, 'common'), path.join(bundlePath, dirName)], path.join.apply(bundlePath, [dirName, 'brand.scss']));