Webpack 5中resolve.alias是否支持通配符配置？

Webpack 5的resolve.alias不支持通配符作为别名键或路径的一部分，这就是你配置'scope:': path.resolve(__dirname, 'node_modules/@scope/package/*')报错的原因。

替代方案：正则别名+捕获组 #

如果你想批量处理scope:前缀的导入，应该使用正则表达式作为别名键，结合捕获组动态映射路径，这是Webpack官方支持的批量别名配置方式。示例配置如下：

const path = require('path');

module.exports = {
  // ...其他Webpack配置
  resolve: {
    alias: {
      // 匹配以"scope:"开头的导入，捕获冒号后的部分并替换到路径中
      /^scope:(.*)$/: path.resolve(__dirname, 'node_modules/@scope/package/$1')
    }
  }
};

配置后，导入@use 'scope:a'会被解析为node_modules/@scope/package/a，和你之前逐个配置'scope:a$'的效果完全一致，且实现了批量处理。

补充说明 #

Webpack的resolve.alias支持两种核心配置方式：

• 字符串键值对：可以是精确匹配（带$后缀，比如'scope:a$'）或前缀匹配（不带$，比如'@': './src'）；
• 正则表达式键：通过正则匹配模块名，配合捕获组$1、$2等动态生成目标路径，这是实现批量别名的正确方式。

而通配符*不属于Webpack alias的支持语法，无论放在别名键还是路径字符串中，都会导致模块解析失败。

内容的提问来源于stack exchange，提问作者DanMad