运行 Webpack 项目图片和favicon.ico找不到， 图片404错误

解决办法：查看开发者工具和页面，发现图片链接为[object module] url-loader默认导出的内容遵循ES模块语法，而vue-loader导入资源默认以commonJS的方式导入 修改url-loader的options，增加 esModule: false

favicon.ico404错误：
方法一：直接在HtmlWebpackPlugin中配置 修改HtmlWebpackPlugin

new HtmlWebpackPlugin({
    
    
  title: 'Webpack Vue',
  favicon: path.resolve(__dirname, 'public/favicon.ico'),
  template: path.resolve(__dirname, 'public/index.html')
})

方法二：copy-webpack-plugin

cnpm install -D copy-webpack-plugin
const CopyWebpackPlugin = require('copy-webpack-plugin')
new CopyWebpackPlugin([
      path.resolve(__dirname, 'public/favicon.ico')
    ])

修改后运行项目正常，无报错信息提示。