babel-preset-env - 使用 package.json 测试 babel-preset-env

Question

菜鸟问题在这里。试图向自己保证这是babel-preset-env有效的。

我安装babel-core并babel-preset-env：

yarn add --dev babel-core
yarn add --dev babel-preset-env

我的package.json有：

"babel": {
  "presets": [
    [
      "env",
      {
        "targets": {
          "browsers": [
            "IE >= 8"
          ]
        }
      }
    ]
  ]
},

我创建了一个 JS 脚本来测试：

fs.readFile('my.js', 'utf8', (err, data) => {
  if (err) throw err;

  let babel = require("babel-core");
  let result = babel.transform(data).code;
});

我用箭头函数测试my.js：

new Promise((resolve, reject) => {
  console.log('whatever');
});

无论我如何调整targets.browsers，箭头函数都不会被转换。

Answer 1

用babel-cli. 作品。

很明显babel-core（Babel 的 Javascript API）并没有从package.json.

在这里也提出了一个问题：https ://github.com/babel/babel/issues/7647

JS API 文档可能需要更新。

为了babel-preset-env在 JS API 中使用：

const { execFile } = require('child_process');
const ug = require('uglify-es');
const { execFile } = require('child_process');
execFile('npx', ['babel', 'my.js'], (err, data, stderr) => {
  if (err) throw err; // U get the idea

  let result = ug.minify(data, { mangle: { toplevel: true } }).code;
});