volucris1

new HtmlWebpackPlugin({
//пути отличаются
            template: path.resolve(__dirname, './src/index.html'),
            filename: 'index.html',
        }),
        new Dotenv(),
        new HtmlWebpackPlugin({
//пути отличаются
            template: 'src/index.html',
            filename: 'index.html',
            inject: 'body'
        })

Никогда не использовал веб-пак

Пример с Giphy:

https://api.giphy.com/v1/gifs/trending?api_key=ключ&limit=число

Если к API нужен ключ (api_key), то смотри документацию как его получить.
В документации так же написано, как запрос составлять. API key должен быть первым, если есть, дальше параметры. Начинаться всё должно со знака "?", после него параметр, дальше новый параметр обозначаешь через "&"
Доки Giphy API
https://developers.giphy.com/docs/api/endpoint#trending

Я так делал, может есть что-еще, но я только начинаю

Я понял, после & знак вопроса не нужен!
Вот так:

https://api.giphy.com/v1/gifs/trending?api_key=${apiKey}&limit=10