乐趣区

关于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"/>

退出移动版