webpack - 如何在 Percy 中配置模块名称别名

Question

我在我的 Webpack (v5) 配置中定义了模块别名：

// webpack.config.js
const config = {
   ...
   alias: {
       '@shared': resolve(__dirname, '../src/components/shared'),
       '@actions': resolve(__dirname, '../src/store/actions'),
       ...
   }
}

我可以设置 Storybook 来使用这些别名：

// .storybook/main.js
module.exports = {
   ...
   webpackFinal: async (config) => {
      config.resolve.alias = aliases;
      return config;
   }
}

这是我的存储库。

不幸的是， Percy 文档和示例使用config.jsnot main.js。当我选择使用 and 的组合时.storybook/config.js，.storybook/webpack.config.jsStorybook 似乎使用了预定义的 webpack 配置（并忽略了我的 webpack 配置），这显然没有正确捆绑我的项目。

• 如何配置 Percy 使用.storybook/main.js？
• 如果不可能，那么如何让珀西考虑我的.storybook/webpack.config.js？