pot-loader.js

const { spawnSync } = require('child_process')
const fs = require('fs')
const path = require('path')
const os = require('os')
const glob = require('glob')

// this loader "imports" a .pot file by compiling all of the .po files under the same domain
// into a JSON with translations that can be used by vue-gettext
//
// E.g.:
// import translations from '../../../../priv/gettext/domain_name.pot'
// Vue.use(GetTextPlugin, {translations})

module.exports = {
  default: function () {
    // resource is a full path to the imported file, e.g. /home/user/code/my_app/priv/gettext/messages.pot
    const resource = this.resourcePath
    const domain = resource.match(/\/(?<domain>[^/]*)\.pot$/).groups.domain

    // create temp dir because gettext-compile must write to a file
    const tempDir = fs.mkdtempSync(path.join(os.tmpdir(), 'my_app_'))
    const tempFilePath = `${tempDir}/${domain}.json`

    const files = glob.sync(`../priv/gettext/**/LC_MESSAGES/${domain}.po`)
    const process = spawnSync('yarn', ['gettext-compile', '--output', tempFilePath, ...files])

    if (process.status === 0) {
      const result = fs.readFileSync(tempFilePath)
      return `module.exports = ${result}`
    } else {
      throw process.stderr.toString()
    }
  }
}