有没有办法在刀片文件中使用 ES6 并通过混合进行转换？

如何解决有没有办法在刀片文件中使用 ES6 并通过混合进行转换？

我的刀片文件通常包含 Javascript 以改善用户体验。不幸的是，我的一些用户仍在使用不支持 IE 11 的 ES6，并导致我的页面因语法错误而失败。有没有什么简单的方法可以自动转换刀片中的所有 Javascript？如果没有，我是否应该创建一个公共库，可以被需要特定功能的页面调用？

page.blade：

@extends('layouts.app')
@section('content')
  <input id="field">
@endsection

@section('scripts')
<script>
   const a = document.getElementById('field');  // or any ES6 js
   const b = txt => console.log(txt);
</script>
@endsection

我正在寻找的是让 babel（或其他东西）将其转译为 ES5，以防我的用户正在运行 IE。如果可能，我还想拥有一个 ES6 版本，并且只将其提供给现代浏览器。