Cannot find module 'google-fonts-webpack-plugin'

[BonBonSlick]

var Encore = require('@symfony/webpack-encore');
var GoogleFontsPlugin = require('google-fonts-webpack-plugin');

Encore
    // the project directory where all compiled assets will be stored
    .setOutputPath('public/build/')

    // the public path used by the web server to access the previous directory
    .setPublicPath('/build')

    // empty the outputPath dir before each build
    .cleanupOutputBeforeBuild()

    // allow sass/scss files to be processed
    .enableSassLoader()

    // allow legacy applications to use $/jQuery as a global variable
    .autoProvidejQuery()

    .enableSourceMaps(!Encore.isProduction())

    .addEntry('global', [
        './assets/js/global/global.js',
        './assets/scss/global.scss',
        // typeahead search
        './assets/js/typeahead.js', // @fixme see typeahead
        './assets/css/typeahead.css',
    ])

    .addStyleEntry('app', [
        './assets/scss/app.scss'
    ])

    .addStyleEntry('icons', [
        './assets/scss/icons.scss',
    ])

    .addEntry('typeahead', [
        './assets/js/typeahead.js',
        './assets/css/typeahead.css',
    ])

    // admin
    .addEntry('admin', [
        './assets/js/admin.js',
        './assets/scss/admin.scss',
    ])

    // page specific

    .addEntry('page-admin-user-overview', [
        './assets/js/bootstrap-toggle.js',
        './assets/css/bootstrap-toggle.css',
    ])
    .addEntry('page-search', [
        './assets/scss/page-search.scss',
        './assets/js/page-search.js',
    ])
    .addEntry('page-notice-and-takedown', [
        './assets/js/page-notice-and-takedown.js',
    ])
    .addEntry('page-profile', [
        './assets/js/review.js',
        './assets/js/page-profile.js',
    ])
    .addEntry('page-account-image', [
        './assets/js/page-account-image.js',
    ])
    .addEntry('page-account-multiple-images', [
        './assets/scss/fileuploader-overwrite.scss',
        './assets/plugins/fileuploader-2.0/dist/jquery.fileuploader.min.css',
        './assets/plugins/fileuploader-2.0/dist/font/font-fileuploader.css',
        './assets/plugins/fileuploader-2.0/dist/jquery.fileuploader.min.js',
        './assets/js/page-account-multiple-images.js',
    ])
    .addEntry('page-account-message-view', [
        './assets/js/page-account-message-view.js',
    ])
    .addEntry('page-account-edit', [
        './assets/js/page-account-edit.js',
        './assets/scss/page-account-edit.scss',
    ])
    .addEntry('page-account-settings', [
        './assets/js/page-account-settings.js',
    ])
    .addEntry('page-account-remove', [
        './assets/js/page-account-remove.js',
    ])
    .addEntry('page-account-email-service', [
        './assets/js/page-account-email-service.js',
    ])
    .addEntry('page-account-review', [
        './assets/js/review.js'
    ])

    // shared
    .createSharedEntry('vendor', [
        'jquery',
        'bootstrap-sass',
    ])

    // see postcss.config.js
    .enablePostCssLoader((options) => {
        options.config = {
            path: './postcss.config.js'
        };
    })

    .addPlugin(
        new GoogleFontsPlugin({
            fonts: [
                { family: "Raleway", variants: [ "300", "400", "500", "600", "700" ]}
            ],
            path: 'fonts/'
        })
    )
;

// export the final configuration
module.exports = Encore.getWebpackConfig();