OpenConext / Stepup-SelfService

webpack.config.js

const Encore = require('@symfony/webpack-encore');

Encore
    .setOutputPath('public/build/')
    .copyFiles({
        from: './assets/openconext/images',
        to: './images/[path][name].[ext]',
    })
    .setPublicPath('/build')
    .cleanupOutputBeforeBuild()
    // Convert typescript files.
    .enableTypeScriptLoader()
    .enableLessLoader()
    .addStyleEntry('global', [
        './assets/scss/application.scss',
        './vendor/surfnet/stepup-bundle/src/Resources/public/less/stepup.less'
    ])
    .addEntry('registration-print', './assets/typescript/registration-print.ts')
    .addEntry('app', [
        './assets/typescript/app.ts',
        './vendor/surfnet/stepup-bundle/src/Resources/public/js/stepup.js'
    ])

    // Convert sass files.
    .enableSassLoader(function (options) {
        options.sassOptions = {
            outputStyle: 'expanded',
            includePaths: ['public'],
        };
    })
    .addLoader({test: /\.scss$/, loader: 'webpack-import-glob-loader'})
    .configureLoaderRule('eslint', loaderRule => {

The opening parenthesis of a multi-line function call should be the last content on the line.

        loaderRule.test = /\.(jsx?|vue)$/
    })

For multi-line function calls, the closing parenthesis should be on a new line.

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


module.exports = Encore.getWebpackConfig();