vue.config.js configureWebpack 未在單元測試中使用（vue 3）

Question

在我的 vue 配置中，我有以下內容：

configureWebpack: {
  resolve: {
    alias: {
      react: path.resolve(__dirname, 'composition/react'),
      hooks: path.resolve(__dirname, 'composition'),
    },
  },
},

在我的組件中，我有以下內容：

import { useEffect, useState } from 'react';

這樣我就可以在 React 項目中重新使用一些 Vue 代碼。 這在運行和構建項目時有效，但在測試時無效。 單元測試時出現錯誤： Cannot find module 'react' from 'useCategories.js' ，上面的導入來自 useCategories。

以下是在 jest.config.js 中：

module.exports = {
  preset: '@vue/cli-plugin-unit-jest',
  transform: {
    '^.+\\.vue$': 'vue-jest'
  }
}

如果 vue 中的單元測試忽略了 vue.config.js 中的值，那么我該如何設置 webpack 路徑解析值以進行測試。 我寧願不重復這些值，但如果它是一個 JavaScript 文件，我想我可以從不同配置的同一個文件導入它。

Answer 1

Webpack 沒有在 Jest 中使用，這會使模塊測試變得不切實際，因此 Webpack 配置不會影響任何東西。

正如文檔所解釋的那樣，也有必要在 Jest 配置中提供模塊映射，例如：

moduleNameMapper: {
  '^react$': '<rootDir>/composition/react',
  ...