Как решить ошибку Modernizr и Webpack?

Доброе время суток. В проекте испольную плагин gray для кроссбраузерности фильтра greyscale (будь не ладен этот ИЕ), который в свою очередь использует Modernizr. при сборке проект получаю такую ошибку:

введите сюда описание изображения

"погуглив" узнал что существую проблема при сборке проекта вебпаком и нашел такое решение

Помогите как мне правильно поправить настройки вебпака? с вебпаком еще не "дружу" я пока в процессе обучения ...)

вот вебпак-конфиг на проекте:

entry: {
    main: "./src/js/index.js",
    contacts: "./src/js/import/сontacts/contact.js",
    greyscale: "./src/js/import/clients/greyscale.js",
},

output: {
    filename: "[name].js",
    chunkFilename: "[name].js",
    publicPath: "/"
},

optimization: {
    splitChunks: {
        cacheGroups: {
            vendor: {
                test: /node_modules/,
                chunks: "initial",
                name: "vendor",
                enforce: true
            }
        }
    }
},

module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
                loader: require.resolve("babel-loader"),
                query: {
                    presets: [
                        ["@babel/preset-env", { modules: false }]
                    ]
                }
            }
        }
    ]
},

resolve: {
    alias: {
        "%modules%": path.resolve(__dirname, "src/blocks/modules")
    }
}

};


Ответы (0 шт):