Как использовать Babel без Webpack?

Question

Я скомпилировал свой простой код, как показано ниже, используя babel.

var aa = new Promise();

до

"use strict";

require("core-js/modules/es.object.to-string");

require("core-js/modules/es.promise");

var aa = new Promise();

Однако старый браузер, такой как IE9, не мог выполнить этот код. Поскольку браузер не может разрешить путь core-js / modules / es.object.to-string .

Должен ли я использовать веб-пакет для использования полифилла?

Не знаюя не хочу использовать webpack.

Моя настройка babel в package.json ниже.

  "babel": {
    "presets": [
      [
        "@babel/preset-env",
        {
          "corejs": 3,
          "useBuiltIns": "usage",
          "targets": ">0.2%, not dead, not ie <= 11, not op_mini all"
        }
      ],
      "@babel/preset-react"
    ]
  }

Answer 1

Вы можете включить свои сценарии полизаполнения, используя тег <script> в свой HTML-файл индекса и правильно упорядочив свои полифиллы и сценарии приложения. require не распознается браузерами. Это реализация на стороне сервера из node.js.

Возможно, вы могли бы вместо этого использовать import?

import 'core-js';

или определенные модули, как показано здесь https://github.com/zloirock/core-js

import 'core-js/features/promise'; -> Изменит глобальное пространство имен

import Promise from 'core-js-pure/features/promise'; ->Не изменит глобальное пространство имен