você já tentou usar babel para transpilar o seu código? de qualquer forma você pode optar pela via de usar um SPA instead. – Juliano Henrique 4/01/20 às 2:16
É impossível esconder HTML, CSS ou JavaScript do cliente. O máximo que você pode fazer é usar ferramentas de minificação (conforme sugerido pelo @Costamilam) ou obfusfação. Mesmo assim, se o código está no cliente, nenhuma dessas opções é realmente efetiva para esconder o código, já que se uma pessoa realmente quiser ver como funciona o código, ela irá conseguir. No entanto, técnicas como a minificação raramente são usadas como forma de ofuscar o código, mas sim para melhorar a performance de um recurso (na maioria das vezes, JavaScript ou CSS).
Desse modo, não é ideal se preocupar em "esconder" o código utilizado no front-end, já que isso pode ser até um sinal de que há algum problema nele. Você deve focar em torná-lo seguro. Só isso.
Ademais, muitas pessoas buscam "esconder" o código para evitar cópias. No entanto, tudo, com o código ou não, pode ser reproduzido (melhor, inclusive), então também não acho que isso seja uma boa razão para esconder o código.
Obviamente, há casos em que realmente é necessário esconder o código. Como por exemplo, um código do back-end, em que você precisa manter fora do alcance do usuário chaves de APIs, senhas e credenciais de serviços, como do banco de dados. Mas como esse tipo de informação não é utilizada no front-end, você realmente não precisa se preocupar. :)
Vale ressaltar, ainda, que mesmo se fosse possível esconder o código JavaScript que envia os dados ao back-end, ainda sim seria possível verificar o payload dos dados enviados através da aba "Network" das ferramentas do desenvolvedor, que é capaz de analisar qualquer requisição feita pelo seu website.