vue-cli5升级：Multiple assets emit different content to the same filename index.html编译报错

最新推荐文章于 2025-06-11 16:16:18 发布

洛千陨

最新推荐文章于 2025-06-11 16:16:18 发布

阅读量674

点赞数

CC 4.0 BY-SA版权

分类专栏：升级 webpack5 + vue-cli5 文章标签： vue.js 前端 javascript webpack

本文链接：https://blog.youkuaiyun.com/qq_44242707/article/details/127570507

升级 webpack5 + vue-cli5 专栏收录该内容

8 篇文章

订阅专栏

博客围绕vue-cli5升级及使用copy-plugin插件展开。升级过程中出现生成重复index.html文件的问题，原因是在copy-plugin参数修改时未过滤index.html，导致重复拷贝。最终通过修改ignore参数过滤index.html文件解决该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：升级vue-cli5 + 使用copy-plugin插件
报错信息：Multiple assets emit different content to the same filename index.html
关键代码：

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
        })
}

问题：生成重复的index.html文件，在copy-plugin的参数修改中没有过滤掉index.html导致重复拷贝
解决：修改ignore参数过滤index.html文件

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')
                 copyOption.globOptions.ignore = [
                        '**/.DS_Store',
                        path.resolve(__dirname, 'XtionWebEngine', 'public', 'index.html').replace(/\\/g, '/')
                 ]
                 options[0].patterns.unshift(copyOption)
            }
            return options
        })
}