I am using WebPack 2.7.0 and I want to resolve allies in scss how can I do that? my css code is :

  .login-bg {
      background: url(~#/login-bg.jpg) no-repeat fixed top left;
    }

my webpack config is :

 module.exports = {
      module: {
        rules: [
          {
            test: /\.css$/,
            use: [{ loader: 'style-loader' }, { loader: 'css-loader' }]
          },
          {
            test: /\.scss$/,
            use: [
              { loader: 'vue-style-loader' },
              { loader: 'css-loader', options: { sourceMap: !isProduction } },
              { loader: 'sass-loader', options: { sourceMap: !isProduction } }
            ]
          }
        ]
      },
      resolve: {
        alias: {
          '#': path.resolve(__dirname, `./src/assets/img`),
        },
        extensions: ['*', '.js', '.vue', '.json', '.css', '.scss']
      },
    }