development.js

import { babel, css } from '@nymag/configs/webpack/loaders/index.js'
import {
  client,
  development as developmentEnvironment,
} from '@nymag/configs/webpack/environments/index.js'
import {
  context,
  entrypoints,
  resolveExtensions,
  resolveModules,
} from '@nymag/configs/webpack/base/index.js'
import {
  define,
  html,
  reactRefresh,
} from '@nymag/configs/webpack/plugins/index.js'
import R from 'ramda'

export const development = R.pipe(
  developmentEnvironment(),
  context(),
  resolveModules(),
  entrypoints({
    client: ['./client'],
  }),
  resolveExtensions(),
  babel(),
  css(),
  define({
    __FOSSE_URL__: 'http://localhost:8800',
  }),
  reactRefresh(),
  html(),
)(client({ name: 'verdon' }))