sass-loader: resolve @import as modules

node-sass-iconfont-importer.js

var loaderUtils = require("loader-utils");

module.exports = function createImporter(options) {
    return function(url, fileContext, done) {
        if (options.test.test(url)) {
            var request = loaderUtils.urlToRequest(url);

            loaderContext.loadModule(request, function(err, source) {
                if (err) return done(new Error(err));

                done({
                    contents: loaderContext.exec(source)
                });
            });
        } else {
            done(false);
        }
    };
};


var loaderContext;
var Plugin = module.exports.Plugin = function() {};

Plugin.prototype.apply = function(compiler) {
    compiler.plugin('compilation', function(compilation) {
        compilation.plugin('normal-module-loader', setLoaderContext);
    });
};

function setLoaderContext(instance) {
    // inject loaderContext instance for importer function
    loaderContext = instance;
}

package.json

{
  "name": "webpack-utils",
  "version": "1.0.0",
  "description": "",
  "keywords": [],
  "author": "",
  "dependencies": {
    "loader-utils": "^0.2.12"
  }
}

webpack.config.js

/**
 * This is an example how to set up sass-loader to allow resolving import statements as webpack modules
 */

var iconfontImporter = require('./node-sass-iconfont-importer');

var webpackConfig = {
    //...
    plugins: [
        new iconfontImporter.Plugin(),
        //...
    ],
    sassLoader: {
        importer: iconfontImporter({
            test: /\.font.(js|json)$/
        })
    }
};