webpack 文件加载器的输出路径

Question

我在 React 和 NextJS 中有一个项目，我正在尝试制作它，以便我可以在整个项目中导入图像文件。 我遇到的问题是我不知道为什么当我指定名称（文件输出路径）与原始名称完全相同时我会遇到问题。 如果我对输出进行硬编码，则它可以工作，但是当我使用以下内容时，无论出于何种原因都不起作用

config.module.rules.push({
        test: /\.(jpe?g|png|gif)$/i,
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]',
        },
      });

例如，如果我有一个路径为src/images/cool-png.png并且在文件src/tsfile.ts那么下面的内容不起作用。

import coolImage from './images/cool-png.png'

我应该改变什么？ 谢谢。