'resolve' 的 Expo webpack 配置不起作用答案

【问题标题】：Expo webpack configuration for 'resolve' is not working'resolve' 的 Expo webpack 配置不起作用
【发布时间】：2020-07-26 10:30:06
【问题描述】：

我有一个几乎是空的 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;
};

我也尝试创建别名，但也没有用。我在这里想念什么？我认为这将是一件容易的事，然后我开始努力解决它：/

【问题讨论】：

标签： javascript react-native webpack expo

【解决方案1】：

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

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

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

【讨论】：