世博会webpack的'resolve‘配置不起作用

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'

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