webpack.config.js

const Encore = require("@symfony/webpack-encore");
const path = require("path");
const WebpackShellPluginNext = require("webpack-shell-plugin-next");

// Manually configure the runtime environment if not already configured yet by the "encore" command.
// It's useful when you use tools that rely on webpack.config.js file.
if (!Encore.isRuntimeEnvironmentConfigured()) {
  Encore.configureRuntimeEnvironment(process.env.NODE_ENV || "dev");
}

Encore
  // directory where compiled assets will be stored
  .setOutputPath("public/build/")
  // public path used by the web server to access the output path
  .setPublicPath("/build")
  // only needed for CDN's or sub-directory deploy
  .setManifestKeyPrefix(Encore.isProduction() ? "public/build" : "build")

  /*
   * ENTRY CONFIG
   *
   * Add 1 entry for each "page" of your app
   * (including one that's included on every page - e.g. "app")
   *
   * Each entry will result in one JavaScript file (e.g. app.js)
   * and one CSS file (e.g. app.css) if your JavaScript imports CSS.
   */

  // Core assets
  .addEntry("core", "./assets/Core/js/core.js")
  .addEntry("dashboard", "./assets/Core/js/dashboard.js")
  .addStyleEntry("login", "./assets/Core/css/login.less")
  // Index pages assets
  .addEntry("index", "./assets/Core/js/index.js")

  // Core forms assets
  .addEntry("forms", "./assets/Core/forms/js/forms.js")
  .addEntry("biomaterial-form", "./assets/Core/forms/js/biomaterial.js")
  .addEntry("biomaterial-ext-form", "./assets/Core/forms/js/biomaterial-ext.js")
  .addEntry("box-form", "./assets/Core/forms/js/box.js")
  .addEntry("chromato-form", "./assets/Core/forms/js/chromato.js")
  .addEntry("dna-form", "./assets/Core/forms/js/dna.js")
  .addEntry("municipality-form", "./assets/Core/forms/js/municipality.js")
  .addEntry("pcr-form", "./assets/Core/forms/js/pcr.js")
  .addEntry("sampling-form", "./assets/Core/forms/js/sampling.js")
  .addEntry("site-form", "./assets/Core/forms/js/site.js")
  .addEntry("sequence-form", "./assets/Core/forms/js/sequence.js")
  .addEntry("sequence-ext-form", "./assets/Core/forms/js/sequence-ext.js")
  .addEntry("specimen-form", "./assets/Core/forms/js/specimen.js")
  .addEntry("specimen-slide-form", "./assets/Core/forms/js/specimen-slide.js")
  .addEntry("voc-form", "./assets/Core/forms/js/voc.js")

  // Species Search assets
  .addEntry("species-search", "./assets/SpeciesSearch/js/species_search.js")
  .addEntry("co1-sampling", "./assets/SpeciesSearch/js/co1_sampling/main.js")
  .addEntry("spsearch/motu", "./assets/SpeciesSearch/js/motus/main.js")
  .addEntry(
    "spsearch/distribution",
    "./assets/SpeciesSearch/js/motu_distribution/main.js"
  )
  .addEntry(
    "spsearch/species-hypotheses",
    "./assets/SpeciesSearch/js/species_hypotheses/main.js"
  )
  .addEntry(
    "spsearch/consistency",
    "./assets/SpeciesSearch/js/taxon_consistency/main.js"
  )
  .addEntry("querybuilder", "./assets/QueryBuilder/js/main.js")

  // When enabled, Webpack "splits" your files into smaller pieces for greater optimization.
  .splitEntryChunks()

  // will require an extra script tag for runtime.js
  // but, you probably want this, unless you're building a single-page app
  .enableSingleRuntimeChunk()

  /*
   * FEATURE CONFIG
   *
   * Enable & configure other features below. For a full
   * list of features, see:
   * https://symfony.com/doc/current/frontend.html#adding-more-features
   */
  .cleanupOutputBeforeBuild()
  .enableBuildNotifications()
  .enableSourceMaps(!Encore.isProduction())
  // enables hashed filenames (e.g. app.abc123.css)
  .enableVersioning(Encore.isProduction())

  .configureBabel((config) => {
    config.plugins.push("@babel/plugin-proposal-class-properties");
  })

  // enables @babel/preset-env polyfills
  .configureBabelPresetEnv((config) => {
    config.useBuiltIns = "usage";
    config.corejs = 3;
  })

  // enables Sass/SCSS support
  .enableSassLoader()

  // enables Less support
  .enableLessLoader()

  // enables VueJS
  .enableVueLoader()
  .addRule({
    resourceQuery: /blockType=i18n/,
    type: "javascript/auto",
    loader: "@intlify/vue-i18n-loader",
  })
  // Path aliases for JS imports
  .addAliases({
    "~Components": path.resolve(__dirname, "assets/components"),
    "~Core": path.resolve(__dirname, "assets/Core"),
    "~QueryBuilder": path.resolve(__dirname, "assets/QueryBuilder"),
    "~SpeciesSearch": path.resolve(__dirname, "assets/SpeciesSearch"),
    "~Public": path.resolve(__dirname, "public"),
  })

  // YAML loader
  .addLoader({ test: /\.ya?ml$/, loader: "js-yaml-loader" })

  // uncomment if you use TypeScript
  //.enableTypeScriptLoader()

  // uncomment to get integrity="..." attributes on your script & link tags
  // requires WebpackEncoreBundle 1.4 or higher
  //.enableIntegrityHashes(Encore.isProduction())

  // uncomment if you're having problems with a jQuery plugin
  .autoProvidejQuery()

  // Provide L namespace for leaflet
  .autoProvideVariables({
    L: "leaflet",
  })

  // Copy image directory
  .copyFiles({
    from: "./assets/images",
    to: "images/[name].[ext]",
  })
  // Copy import templates directory
  .copyFiles({
    from: "./assets/imports",
    to: "imports/[name].[ext]",
  })
  // Copy documents directory
  .copyFiles({
    from: "./docs",
    to: "docs/[path][name].[ext]",
  })

  // Export routes and translations to public directory to be exposed on the JS side
  .addPlugin(
    new WebpackShellPluginNext({
      onBuildStart: {
        scripts: [
          "symfony console fos:js-routing:dump --format=json --target=public/js/routes.json",
          "symfony console bazinga:js-translation:dump --format=json public/js --merge-domains",
        ],
        blocking: true,
        parallel: false,
      },
    })
  );

module.exports = Encore.getWebpackConfig();