webpack.config.js

/* eslint-disable */
const webpack = require('webpack');
const Encore = require('@symfony/webpack-encore');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const FaviconsWebpackPlugin = require('favicons-webpack-plugin')

Encore
    .setOutputPath('build/')
    .setPublicPath('/')

    .addEntry('app', './src/index.tsx')

    .enableSingleRuntimeChunk()

    .cleanupOutputBeforeBuild()
    .enableSourceMaps(!Encore.isProduction())
    // enables hashed filenames (e.g. app.abc123.css)
    .enableVersioning(Encore.isProduction())

    .configureCssLoader(config => {
        if (Encore.isProduction()) {
            config.modules.localIdentName = '[sha1:hash:hex:4]';
        } else {
            config.modules.localIdentName = '[name]__[local]--[sha1:hash:hex:4]';
        }
    })

    .enableReactPreset()
    .enableSassLoader()
    .enableTypeScriptLoader()
;

const config = Encore.getWebpackConfig();

config.module.rules.push({
    test: /\.(pdf)$/,
    loader: 'file-loader',
    options: {
        name: 'assets/cv/[name].[ext]',
    }
});

config.plugins.push(new HtmlWebpackPlugin({
    template: 'src/app.html',
    title: 'Raphaël Vigee',
    meta: {
        viewport: 'width=device-width, initial-scale=1, shrink-to-fit=no',
    },
}));

config.plugins.push(
    new webpack.DefinePlugin({
        'process.env': {
            CONTACT_FORM_URL: JSON.stringify(process.env.CONTACT_FORM_URL),
        },
    }),
);

config.plugins.push(new FaviconsWebpackPlugin({
    // Your source logo
    logo: `${__dirname}/src/assets/images/raccoon.png`,
    // The prefix for all image files (might be a folder or a name)
    prefix: 'icons-[hash]/',
    // Emit all stats of the generated icons
    emitStats: false,
    // The name of the json containing all favicon information
    statsFilename: 'iconstats-[hash].json',
    // Generate a cache file with control hashes and
    // don't rebuild the favicons until those hashes change
    persistentCache: true,
    // Inject the html into the html-webpack-plugin
    inject: true,
    // favicon background color (see https://github.com/haydenbleasel/favicons#usage)
    background: 'transparent',
    // favicon app title (see https://github.com/haydenbleasel/favicons#usage)
    title: 'Raphaël Vigee',

    // which icons should be generated (see https://github.com/haydenbleasel/favicons#usage)
    icons: {
        android: true,
        appleIcon: true,
        appleStartup: true,
        coast: false,
        favicons: true,
        firefox: true,
        opengraph: false,
        twitter: false,
        yandex: false,
        windows: false
    }
}));

config.plugins.push(
    new webpack.WatchIgnorePlugin([
        /scss\.d\.ts$/
    ]),
);

module.exports = config;