Webpack alias resolve

[Hulkmaster]

I am using postcss with webpack, and i want to use webpack resolver for paths like

~@Images/svg/icon.svg

but i guess that plugin doesnt use webpack resolver, or am i wrong?
maybe there is a postcss plugin, which resolves path using webpack resolver, so i could preprocess path?

[TrySound]

Was already asked #46

[Hulkmaster]

I'm not sure if it is really hard to implement, becuase if you have access to loaderContext, then you can just try to resolve it with loaderContext.resolve('', '@Images/svg/icon.svg', (error, result)=>{}). and in result you'll have absolute path (that will work, if @Images is defined in webpack.resolve.alias)

For anyone, who will look into that issue, here is an example how to solve it with sass-loader
(sass-loader should be below (before) postcss loader)

          {
            loader: 'sass-loader',
            options: {
              functions: (loaderContext) => ({
                'getPath($filePath)': function(filePath, done) {
                  /**
                   * That loader helper function will resolve webpack aliased imports into absolute strings
                   * getPath("~@Images/icon.svg") -> /var/www/app/static/img/icon.svg
                   * 
                   * Sass import might include webpack alias (like ~@Images/)
                   * These aliased imports always start with '~', so if we see one - we modify it into valid webpack alias
                   */
                  const filePathValue = filePath.getValue();
                  const resultPath = filePathValue.indexOf('~') !== -1 ? filePathValue.substr(1) : filePathValue;
                  loaderContext.resolve('', resultPath, (error, result)=>{
                    if (error) {
                      throw error;
                    }
                    const SassString = require('node-sass').types.String;
                    done(SassString(result));
                  });
                },
              }),
            },
          },

[TrySound]

This is postcss plugin. It does not know anything about webpack.

[Hulkmaster]

maybe there is something in postcss plugin api for resolving?