利用CopyWebpackPlugin 解决vue项目中插件图片等静态文件的路径问题

一、自定义插件(custom-plugin)的配置文件中修改如下

二、在项目中的配置

1.在webpack配置文件中添加代码

plugins: [
new CopyWebpackPlugin([{
    //插件中静态文件所在的地址
  from: path.join(__dirname,'../node_modules/custom-plugin/dist/imgs'),
  //访问时的地址
  to: 'custom-plugin/imgs',
  ignore: ['.js']
  }])
]

 2.项目中使用代码<img src="/custom-plugin/imgs/logo.png"/>