“解决”的 Expo webpack 配置不起作用

Question

我有一个几乎空的 expo 项目，我正在尝试配置 webpack，这样我src/components只需输入即可从我的模块导入组件

import { Button } from 'components/Button';

代替

import { Button } from '../../components/Button';

目前我的 webpack.config.js（由 expo 自动生成的）似乎不起作用。我尝试了很多方法，但仍然不起作用，就像在编译过程中甚至没有考虑这个配置一样。

我当前的配置如下所示：

const createExpoWebpackConfigAsync = require('@expo/webpack-config');
const path = require('path');

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);
  config.resolve = {
    modules: [
      path.resolve(__dirname, './src'),
      'node_modules'
    ],
    extensions: ['.js', '.jsx', '.ts', '.tsx']
  };
  return config;
};

我也尝试创建别名，但它也不起作用。我在这里缺少什么？我认为这将是一件容易做的事情，然后我开始为此苦苦挣扎：/

Answer 1

在 webpack.config.js 中替换为这个

config.config.resolve.alias['src'] = __dirname + '/src'

并确保在 src 文件夹中创建一个 package.json 文件，仅包含name:"src"