webpackのnode-sass-asset-functionsの使い方は？

Question

image-widthの機能をsass webpack setupの一部として使用したいと思います。この関数はコンパスで定義されていますが、webpackのsassローダーはnode-sassとlibsassをベースにしていますので、（ルビのため）コンパスは使用したくありません。 node-sass-asset-functionsにはimage-width関数が含まれていますが、webpackでどのように動作するのですか？

一つのこと、私がwebpack.config.jsで試してみました：

var assetFunctions = require('node-sass-asset-functions'); 
... 
module: { 
    loaders: [ 
    { 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract("style-loader", ['css-loader?sourceMap', 'postcss-loader?sourceMap', 'resolve-url', 'sass-loader']) 
    }, 
... 
sassLoader: { 
    sourceMap: true, 
    options: { 
    functions: nodeSassAssetFunctions() 
    } 
}, 

別のノード-SASS-資産の機能を必要とするsassLoader includePathsを設定しました。

Answer 1

私は、このセットアップを使用していますし、適切に動作するようです：

{ 
    module: { 
     rules: [ 
      { 
       test: /\.scss$/, 
       use: ExtractTextPlugin.extract({ 
        fallback: 'style-loader', 
        use: [ 
         { 
          loader: 'css-loader', 
          options: { 
           importLoaders: 1, 
           sourceMap: shouldMapSource 
          } 
         }, 
         { 
          loader: 'sass-loader', 
          options: { 
           importer: jsonImporter, 
           sourceMap: shouldMapSource, 
           functions: assetFunctions() 
          } 
         } 
        ] 
       }), 
       include: paths 
      } 
     ] 
    }, 
    plugins: [new ExtractTextPlugin('[name].[' + hashMethod + '].css')] 
}