poi/lib/WebpackUtils.js

module.exports = class WebpackUtils {
  constructor(api) {
    this.api = api
  }

  get envs() {
    const envs = {}
    // Collect variables starting with `POI_APP_` from `process.env`
    for (const name of Object.keys(process.env)) {
      if (name.startsWith('POI_APP_')) {
        envs[name] = process.env[name]
      }
    }

    Object.assign(envs, this.api.config.envs, {
      NODE_ENV: this.api.mode === 'production' ? 'production' : 'development'
    })

    return envs
  }

  get fileNames() {
    let res

    if (this.api.config.output.format === 'iife') {
      const useHash = this.api.mode === 'production'

      res = {
        js: useHash
          ? 'assets/js/[name].[chunkhash:8].js'
          : 'assets/js/[name].js',
        css: useHash
          ? 'assets/css/[name].[chunkhash:8].css'
          : 'assets/css/[name].css',
        chunk: useHash
          ? 'assets/js/[name].[chunkhash:8].chunk.js'
          : 'assets/js/[name].chunk.js',
        font: useHash
          ? 'assets/fonts/[path][name].[hash:8].[ext]'
          : 'assets/fonts/[path][name].[ext]',
        image: useHash
          ? 'assets/images/[path][name].[hash:8].[ext]'
          : 'assets/images/[path][name].[ext]'
      }
    } else {
      res = {
        js: '[name].js',
        css: '[name].css',
        chunk: '[name].chunk.js',
        font: '[path][name].[ext]',
        image: '[path][name].[ext]'
      }
    }

    const { fileNames } = this.api.config.output || {}
    return Object.assign({}, res, fileNames)
  }
}