vue-cli 3.0 multi-page config with historyApiFallback

vue.config.js

module.exports = {
  pages: {
    foo: {
      entry: 'src/foo/main.js',
      template: 'public/index.foo.html',
      filename: 'index.foo.html'
    },
    bar: {
      entry: 'src/bar/main.js',
      template: 'public/index.bar.html',
      filename: 'index.bar.html'
    }
  },
  devServer: {
    historyApiFallback: {
      rewrites: [
        { from: /\/foo/, to: '/index.foo.html' },
        { from: /\/bar/, to: '/index.bar.html' }
      ]
    }
  }
}