Question

实际上，我不知道如何解释我的问题。开始时，当我在webpack输出模块中添加resolve.alias时遇到了一个问题-添加后不起作用！然后我发现输出模块中有两个解决方案选项，然后我将它们合并，但抛出错误。我的webpack是最新的。

我只想在导入模块时使用路径别名。

这是有效的代码（但是@别名无效）：

...
modules.export={
...,
resolve: {
        alias: {
            'react-dom': '@hot-loader/react-dom',
            '@': path.resolve(__dirname, 'src/app/'),
        },
    },
resolve: {
        extensions: ['.js', '.jsx', '.css']
    },
}

是导致错误的代码：

...
modules.export={
...,
resolve: {
        alias: {
            'react-dom': '@hot-loader/react-dom',
            '@': path.resolve(__dirname, 'src/app/'),
        },
       extensions: ['.js', '.jsx', '.css']
    },
}

我想知道这是正确的格式，还是有其他原因导致代码如此工作。

Answer 1

我认为我刚刚找到了解决此问题的方法。如果有些朋友遇到了这个问题，您可以根据我的解决方案尝试一下。刚才，我认为可能是由于react-hot-loader模块引起的，而我展示的配置是使用react-hot-dom的方式，我尝试了另一种使用方式：

yarn add react-dom@npm:@hot-loader/react-dom

然后，我删除了react-dom的别名配置。现在可以使用了。The code worked without throwing errors now

在添加webpack配置的解析选项后，为什么我的webpack构建如此奇怪？

1 个答案: