在没有 Webpack 的情况下从 NPM 模块解析 Sass @import

【问题标题】：resolving Sass @import from NPM module without Webpack在没有 Webpack 的情况下从 NPM 模块解析 Sass @import
【发布时间】：2018-11-29 15:53:17
【问题描述】：

有没有办法做到这一点？我讨厌巨大的路径../../node_modules/etc

我的构建工具是 NPM 脚本，我的模块捆绑器是 Rollup，如果这有什么不同的话。

【问题讨论】：

标签： npm sass

【解决方案1】：

对于 node-sass，您可以使用选项 --importer my-import-script.js。我个人想使用 webpack 语法 ~module-name/style.sass 所以我将导入器定义为：

# my-importer-script.js
'use strict';

module.exports = function (url, prev, done) {
  if (url.substring(0, 1) === '~') {
    return { file: __dirname + '/node_modules/' + url.substring(1) };
  } else {
    return null;
  }
};

【讨论】：