webpack.config.js

const Encore = require('@symfony/webpack-encore')
const CompressionPlugin = require('compression-webpack-plugin')
const path = require('path')

Encore
  .setOutputPath((process.env.PUBLIC_PATH || 'public') + '/build')
  .setPublicPath('/build')
  .addAliases({ '@': path.resolve(__dirname, 'assets') })
  .addEntry('main', '@/js/main.js')
  .splitEntryChunks()
  .enableSingleRuntimeChunk()
  .enableSassLoader((options) => {
    options.sourceMap = true
    options.sassOptions = {
      outputStyle: options.outputStyle,
      sourceComments: !Encore.isProduction()
    }
    delete options.outputStyle
  }, {})
  .enableSourceMaps(!Encore.isProduction())
  .enableVersioning(Encore.isProduction())
  .enablePostCssLoader()
  .enableVueLoader()
  .configureBabel(() => {}, { useBuiltIns: 'usage', corejs: 3 })

if (Encore.isProduction()) {
  Encore.addPlugin(new CompressionPlugin({ filename: '[path].gz[query]', algorithm: 'gzip' }))
  Encore.addPlugin(new CompressionPlugin({ filename: '[path].br[query]', algorithm: 'brotliCompress' }))
} else {
  Encore.cleanupOutputBeforeBuild()
}

module.exports = Encore.getWebpackConfig()