manifest.js

const { RawSource } = require('webpack-sources')

class WebpackAssetsManifest {
  apply (compiler) {
    compiler.hooks.emit.tapAsync('WebpackAssetsManifest', (compilation, callback) => {
      let entrypoints = compilation.entrypoints
      for (const [name, entrypoint] of entrypoints) {
        const js = []
        const css = []
        entrypoint.getFiles().forEach(file => {
          const ext = file.split('.').pop().toLowerCase()
          if (ext === 'js') js.push(file)
          else if (ext === 'css') css.push(file)
        })
        compilation.assets[compilation.getPath(`${name}-js.js`)] = new RawSource(`(function (arr) {
  for (var i = 0; i < arr.length; i++) {
    document.write('<script src="' + arr[i] + '"></script>');
  }
})(${JSON.stringify(js)});`)
        compilation.assets[compilation.getPath(`${name}-css.js`)] = new RawSource(`(function (arr) {
  for (var i = 0; i < arr.length; i++) {
    document.write('<link rel="stylesheet" media="screen" href="' + arr[i] + '" />');
  }
})(${JSON.stringify(css)});`)
      }
      callback()
    })
  }
}


// vue.config.js
{
  configureWebpack: {
    plugins: [
      new WebpackAssetsManifest({
        entrypoints: true
      })
    ]
  }
}