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

Question

noob问题。试图向自己保证babel-preset-env有效。

i安装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;
});

i在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/sissues/7647

可能需要更新JS API文档。

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

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