关于vue中引用第三方资源路径错误问题

问题描述：最近做vue项目时需要引入第三方资源包（原生HTML+JavaScript做的），不需要安装依赖，直接拷进项目的根目录，但是在使用的时候页面出不来，打包的时候也没打进去，主要是路径不正确导致的。主要解决办法是通过copy-webpack-plugin插件代理路径，解决办法如下：

第一步：安装依赖 ：

npm install -D copy-webpack-plugin

安装成功如下：如果报错有可能是版本太高导致的

第二步：在项目的根目录下新建文件夹，不要命名为static，因为在打包的时候会生成一个static文件夹，很容易被替换掉，所以建议起个不一样的

第三步：就是在vue.config.js中配置如下：

// 在vue.config.js中顶部引入copy-webpack-plugin
const CopywebpackPlugin = require('copy-webpack-plugin')


//from：第三方资源放的路径
//to：是代理的位置，也是打包后的在根目录的位置
module.exports = {
  configureWebpack: {
    plugins: [
      new CopywebpackPlugin([{
        from: path.resolve(__dirname, './staticpublis'),
        to: 'staticpublis',
      }])
    ]
  }
}