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',
  ...