confused with babel preset configs between @babel/env and @babel/preset-env : <p>I try to config a environment to develop javascript with babel and webpack.</p>

<p>But I don't understand babel configuration about <code>presets</code>.</p>

<p>In <a href="https://babeljs.io/docs/en/usage" rel="noreferrer">Usage Guide</a>, we can see that presets with <code>"@babel/env"</code>.</p>

<p>But other places in document, I cannot see such a configuration more, instead of <code>"@babel/preset-env"</code>. for example here <a href="https://babeljs.io/docs/en/babel-preset-env" rel="noreferrer">https://babeljs.io/docs/en/babel-preset-env</a></p>

<p>I can not find out the difference between <code>"@babel/env"</code> and <code>"@babel/preset-env"</code> everywhere with my poor English, I do really read document again and again, without luck.</p>

<p>Maybe they are same?</p>

<p>Btw, targets sets seems not work, remove targets also can run normally in ie9+(or what's it default targets), if I wish my es6 script can be transformed to compatibility ie8, thus it not most important.</p>

<p>here is my project <a href="https://github.com/whidy/sdk-dev-env/tree/for-es6-without-babel/polyfill" rel="noreferrer">sdk-dev-env</a></p>

<pre><code>// https://babeljs.io/docs/en/configuration
const presets = [
  [
    '@babel/env',
    {
      // https://babeljs.io/docs/en/babel-preset-env#targets
      // TODO: how to compatibilite with ie 8
      targets: {
        ie: '8',
        edge: '17',
        firefox: '60',
        chrome: '67',
        safari: '11.1'
        /**
         * you can also set browsers in package.json
         * "browserslist": ["last 3 versions"]
         * relative links:
         * https://github.com/browserslist/browserslist
         */
      },
      corejs: '3',
      // corejs: { version: 3, proposals: true },
      /**
       * https://babeljs.io/docs/en/usage#polyfill
       * https://github.com/zloirock/core-js#babelpreset-env
       * "usage" will practically apply the last optimization mentioned above where you only include the polyfills you need
       */
      useBuiltIns: 'usage'
    }
  ]
]
const plugins = []

if (process.env['ENV'] === 'prod') {
  // plugins.push(...);
}
module.exports = { presets, plugins }
</code></pre>

<p>I hope to know they are same or not, if not, what different.</p>

<p>And the best way to use babeljs 7.4 with core-js 3</p>
