在 AVA 测试中使用 webpack 别名答案

【问题标题】：Using webpack aliases in AVA tests在 AVA 测试中使用 webpack 别名
【发布时间】：2020-03-16 17:33:48
【问题描述】：

我需要在运行时将 webpack 中的别名包含到 AVA 中。

我使用webpack的resolve.alias访问src文件夹下的所有文件：

webpack.config.js

resolve: {
  alias: {
    '@': path.resolve(__dirname, 'src/'),
  },
},

然后是 @ 我自己的模块的特殊前缀，如下所示：

my-module.js

import main from '@/view/main'

这是我的 AVA 配置：

package.json

"scripts": {
  "test-unit": "ava test/unit"
},
"ava": {
  "require": ["esm"]
},

是否可以像在这个 mocha 解决方案中那样向 package.json 添加一些东西？ https://stackoverflow.com/a/42989394/12361834

非常感谢您的宝贵时间和帮助！

【问题讨论】：

标签： javascript webpack alias package.json ava

【解决方案1】：

如果我理解你的话，你可以用link-module-alias npm 包来做。

将此添加到您的 package.json：

"scripts": {
  "postinstall": "link-module-alias",
  "preinstall": "command -v link-module-alias && link-module-alias clean || true"
  "test": "ava"
},
"_moduleAliases": {
  "@": "src"
}

npm i && npm test

如果您需要更多详细信息，可以下载工作示例here。

【讨论】：