How do I use a hashed url in sass with webpack?

Question

I've configured webpack caching using contenthash:

      {
        test: /\.(png|jpe?g|gif|svg)$/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '[name].[contenthash:7].[ext]',
              outputPath: 'images',
              publicPath: '/public/images',
            },
          },
        ],
      },

How do I reference these hashed URLs in my scss files?

Answer 1

css-loader handles this. Start url with ~ if using a resolve alias