如何使用babel將es6轉es5，非node.js環境

Question

請我嘗試使用 babel 將我的 javascript 代碼轉換為 es5，但它不起作用。 我似乎無法完成它。

我正在使用 babel standalone來執行此操作，因為我使用的是非 node.js 環境。 我已根據文檔鏈接到獨立...

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

我還將腳本標簽類型更改為type="text/babel"我還指定了這個data-type="module"以便它與瀏覽器對 ES 模塊的本機支持一起使用。

但這似乎仍然不起作用。 我所說的工作是指 javascript 代碼由於支持而未在舊版瀏覽器上運行。 我正在嘗試讓我的代碼在 lg webOS tv 3.0 上運行，並且從他們的網站上，該版本的 lg webOS tv 不支持 ES6。

我嘗試使用類似問題的一些答案中的預設，但它仍然沒有用。 主要是因為預設是

<script type="text/babel" data-presets="es2015,stage-3">
<script type="text/babel" data-presets="es2017,stage-2">

都試過了，我仍然無法讓瀏覽器運行 javascript 代碼。 它也比 javascript 多 jquery。事實上它是 80% jquery。我不能在這里發布代碼，因為它太大了。 代碼沒有問題，因為它在現代瀏覽器上運行良好。 僅在 lg webOs tv 3.0 上出現此問題

Answer 1

聽起來您正在嘗試使用 Babel 將您的 JavaScript 代碼轉換為與舊瀏覽器兼容的版本，例如 LG WebOS TV 3.0。 為此，您需要包含相關的 Babel 預設，其中包括您在代碼中使用的功能，然后配置 Babel 以在轉譯代碼時使用該預設。

試試這個方法：

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

<script type="text/babel" data-presets="es2015,stage-3">
  // Your JavaScript code 
</script>

它包括多個以逗號分隔的預設

請注意，應該將 data-presets 屬性添加到包含 JavaScript 代碼的腳本標簽中，而不是添加到包含 Babel 獨立庫的腳本標簽中。

Answer 2

不幸的是不能使用 babel。 沒有工作。 我改用示蹤劑。 易於使用和上手，尤其適用於非 node.js 環境