关于vue.js:利用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"/>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理