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

Posted 2021-05-06

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

我的构建工具是NPM脚本，我的模块捆绑器是Rollup，如果这有任何区别的话。

答案

对于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;
  }
};