在这里插入图片描述

开门见山
在使用webpack构建vue中遇到了一些插件问题,插件是copy-webpack-plugin ,报错信息如下

ERROR in Cannot read property 'map' of undefined

一开始我以为是html-webpack-plugin的问题,后来才发现是copy-webpack-plugin的问题
错误代码
const CopyWebpackPlugin = require('copy-webpack-plugin');

 new CopyWebpackPlugin([  { from: 'from/file.txt' },

            // equivalent
            'from/file.txt',

            // {output}/to/file.txt
            { from: 'from/file.txt', to: 'to/file.txt' },

            // {output}/to/directory/file.txt
            { from: 'from/file.txt', to: 'to/directory' },
            
            ])
            
这种写法是webpack中文网上面的写法,实际上这种写法不对
正确写法
const CopyWebpackPlugin = require("copy-webpack-plugin");

     new CopyWebpackPlugin({
            patterns: [{
                    from: path.join(__dirname, '../public/favicon.ico'),
                    to: '.'
                },
                {
                    from: path.join(__dirname, '../public/cloud.jpeg'),
                    to: '.'
                }

            ],
            options: {
                concurrency: 100,
            },
        })
这才是正确写法,这是npm上面的写法,中文网害死人,白耽误我时间

谢谢观看,如有不足,敬请指教

Logo

前往低代码交流专区

更多推荐