如何在 Angular 应用的 运行 时间将 ES6 代码转换为 ES5 代码

Question

我正在从 API 获取一个 angular 模块的详细信息。该模块在 ES6 中 我想将该模块代码转换为 ES5 语法。

API Used for Module Response

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

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
      });
  }

我的期望是在 angular 的 运行 时间将 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']
         });
      });
  }