javascript - 如何在 Angular App 的运行时将 ES6 代码转换为 ES5 代码

Question

我从 API 获得了一个角度模块的详细信息。该模块在 ES6 中，我想将该模块代码转换为 ES5 语法。

用于模块响应的 API

我import { transform } from 'babel-core';在安装 babel 运行时后尝试过。但它抛出错误。

load() {
    fetch(url) // making the get request for loading the module response
      .then(response => response.text())
      .then(source => {
// i want to convert this response to es5 standard. right now it is in es6
      });
  }

我的期望是在角度组件函数的运行时将 es6 转换为 es5 代码。

Answer 1

做：

npm install --save-dev @babel/core @babel/preset-env

接着：

import * as babel  from '@babel/core';

load() {
    fetch(url)
      .then(response => response.text())
      .then((source) => {
         return babel.transform(source, {
           presets: ['@babel/preset-env']
         });
      });
  }