Webpack 网页包别名问题

我有一个网页设置的小问题，我在这里希望有人有同样的问题，并提出了解决方案

问题 我试图在HTML/SCSS/JS文件中使用alias

目前，它只在SCSS文件中完全有效，部分在HTML文件中有效，而在JS文件中完全无效

例如，这是可行的：

<img src="~images/slogan.png" alt="" width="324" height="211">

样式规则：

{
    test: /\.(scss|css)$/,
    use: [
        {
            loader: MiniCssExtractPlugin.loader,
            options: {
                publicPath: '../../',
                sourceMap: true,
                hmr: isDev,
                reloadAll: true
            },
        },
        {
            loader: 'css-loader',
            options: {
                sourceMap: true
            }
        },
        'resolve-url-loader',
        {
            loader: 'postcss-loader',
            options: {
                sourceMap: true,
                plugins: [
                    require('autoprefixer')({})
                ]
            }
        },
        {
            loader: 'sass-loader',
            options: {
                sourceMap: true,
                sassOptions: {
                    importer: globImporter()
                }
            }
        }
    ]
}

html规则：

{
    test: /\.html$/,
  loader: 'html-loader',
  include: utils.srcPartialsPath(),
  options: {
    interpolate: true
  }
}

我查到了什么信息 我能找到的唯一信息是关于

'resolve-url-loader'

的顺序，并对其进行了更改，但没有成功。在

css加载器

之前添加它会破坏设置，在

sass加载器

之前添加它不会起任何作用

除此之外，没有任何其他东西能让我指出手头的问题

总结 Alias适用于img

src

属性，但不适用于内联CSS

任何洞察都将不胜感激

{
    test: /\.(scss|css)$/,
    use: [
        {
            loader: MiniCssExtractPlugin.loader,
            options: {
                publicPath: '../../',
                sourceMap: true,
                hmr: isDev,
                reloadAll: true
            },
        },
        {
            loader: 'css-loader',
            options: {
                sourceMap: true
            }
        },
        'resolve-url-loader',
        {
            loader: 'postcss-loader',
            options: {
                sourceMap: true,
                plugins: [
                    require('autoprefixer')({})
                ]
            }
        },
        {
            loader: 'sass-loader',
            options: {
                sourceMap: true,
                sassOptions: {
                    importer: globImporter()
                }
            }
        }
    ]
}

{
    test: /\.html$/,
  loader: 'html-loader',
  include: utils.srcPartialsPath(),
  options: {
    interpolate: true
  }
}