如何在不使用Webpack的情况下使用Babel?

我使用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来使用polyfill吗?

我不想使用webpack。

我在package.json中的babel设置如下。

  "babel": {
    "presets": [
      [
        "@babel/preset-env",{
          "corejs": 3,"useBuiltIns": "usage","targets": ">0.2%,not dead,not ie <= 11,not op_mini all"
        }
      ],"@babel/preset-react"
    ]
  }
southwesting1228 回答:如何在不使用Webpack的情况下使用Babel?

您可以在索引html文件中使用<script>标签来包含您的polyfills脚本,并适当地排序您的polyfills和应用程序脚本。 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';->将不会修改全局名称空间

本文链接:https://www.f2er.com/3166188.html

大家都在问