Why webpack 5 alias not working in html?

Question

JavaScript

Hello. There is a webpack config. Here is a piece

entry: {
    _global: ["./js/_global/_global.js"],
    index: ["./js/index/#index.js"],
    about: ["./js/about/#about.js"],
  },
  output: {
    filename: "./js/[name].[contenthash].js",
    path: path.resolve(__dirname, "dist"),
  },
  resolve: {
    alias: {
      "@js": path.resolve(__dirname, "src/js"),
      "@scss": path.resolve(__dirname, "src/scss"),
      "@": path.resolve(__dirname, "src"),
      "@dist": path.resolve(__dirname, "."),
    },
  },

When you try to insert a picture, because of the nesting, you need to write such a path

<img src="../../assets/images/_global/icons/task__volume.png" alt="eqeqe" />

because [email protected] doesn't work.

<img src="[email protected]/assets/images/_global/icons/task__volume.png" alt="eqeqe" />

What could be the problem?

Answer 1

If I'm not mistaken they don't work in html. They only work for js