Webpack图像文件未显示

Question

使用以下目录结构和webpack配置文件，我无法获取图像路径以在css / js中显示或引用它们。据我所知，这应该可以在./assets/images/filename.ext中访问，但是是什么阻止了它？

src的文件结构：

.
├── src
│   ├── assets
│   │   └── images
│   │       └── close.png
│   ├── js
│   ├── scss
│   └── templates

webpack.config.js的文件规则：

{
  test: /\.(jpe?g|png|gif)$/,
  use: {
    loader: 'url-loader',
    options: {
      limit: 25000,
      name: 'assets/images/[name].[ext]'
    },
  },
},
{
  test: /\.(jpe?g|png|gif|svg)$/,
  use: [
    {
      loader: 'file-loader',
      options: {
        name: 'assets/images/[name].[ext]'
      }
    }
  ]
}

Answer 1

尝试一次：

/^[^\/]+\/assets\/?(?:[^\/]+\/?)*$/gm

您还选中here