webpack打包后 img 路径问题

Question

问题描述

打包后，dist目录下没有生成images文件夹，但是js及css都正常，是哪部分的配置有问题？

相关代码

webpack部分配置

-config
 --webpack.base.js

    output: {
        path: path.resolve(__dirname, '../dist'),
        publicPath: '/'
    },

    {
        test: /\.(jpg|png|gif)$/,
        use: {
          loader: 'url-loader',
          options: {
            name:'[name].[hash:5].[ext]',
            outputPath: 'images/',
          }
        }
    },

图片引用部分

-src
 --images
 ---test-bg.png
 --page
 ---index.html

 <img src="../images/test-bg.png" alt="test">

Answer 1

options: {
    name:'images/[name].[hash:5].[ext]'
}

去掉outputPath，这样写试试看

Answer 2

用node的path模块，列如path.resolve(__dirname, '../images')