在 AVA 測試中使用 webpack 別名

Question

我需要在運行時將 webpack 中的別名包含到AVA中。

我使用 webpack 的resolve.alias來訪問src文件夾下的所有文件：

webpack.config.js

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

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

我的模塊.js

import main from '@/view/main'

這是我的 AVA 配置：

package.json

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

是否可以像在這個摩卡咖啡解決方案中一樣向 package.json 添加一些東西？ https://stackoverflow.com/a/42989394/12361834

非常感謝您的時間和幫助！

Answer 1

如果我理解你，你可以用鏈接模塊別名npm package 來做到這一點。

1. 將此添加到您的package.json ：

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

2. npm i && npm test

如果您需要更多詳細信息，可以在此處下載工作示例。