vue-cli5升级:打包后运行时缺少对应的public文件夹下css、js等静态文件

  1. 背景:升级vue-cli5 + 使用copy-plugin插件
  2. 关键代码
chainWebpack: (config) => {
    
    
	config.plugin('copy').tap(options => {
    
    
            if (options[0] && options[0][0]) {
    
         
                const copyOption = JSON.parse(JSON.stringify(options[0][0]))
                copyOption.from = path.resolve(__dirname, 'XtionWebEngine', 'public')
                options[0].unshift(copyOption)
            }
            return options
    })
}
  1. 问题:升级vue-cli5后,copy-plugin也升级,插件配置信息发生改变
  2. 解决:
chainWebpack: (config) => {
    
    
	config.plugin('copy').tap(options => {
    
    
            if (options[0] && options[0].patterns && options[0].patterns[0]) {
    
      
                 const copyOption = JSON.parse(JSON.stringify(options[0].patterns[0]))
                 copyOption.from = path.resolve(__dirname, 'XtionWebEngine', 'public')
                 options[0].patterns.unshift(copyOption)
            }
            return options
        })
}

猜你喜欢

转载自blog.csdn.net/qq_44242707/article/details/127568738