Babel 工具

本章将对Babel常用的工具进行讲解。

前面我们已经使用了@babel/cli与@babel/core这两个Babel工具,但是没有对它们进行更为详细的讲解。在这一章,我们除了会对它们做更多的讲解,也会介绍babel-loader等常见的Babel工具。

笔记与思考

  1. {
    "presets": [
    ["@babel/preset-env"],
    [
    "react-app",
    { "flow": false, "typescript": true, "absoluteRuntime": false }
    ],
    "@babel/preset-react",
    "@babel/preset-typescript"
    ],
    "plugins": [
    [
    "@babel/plugin-transform-runtime",
    {
    "corejs": { "version": 3, "proposals": true },
    "helpers": true,
    "useESModules": true
    }
    ]
    ]
    }

    这是对应下载包
    "@babel/cli": "^7.13.16",
    "@babel/core": "^7.14.0",
    "@babel/plugin-transform-react-jsx": "^7.12.7",
    "@babel/plugin-transform-runtime": "^7.14.3",
    "@babel/polyfill": "^7.12.1",
    "@babel/preset-env": "^7.14.1",
    "@babel/preset-react": "^7.10.4",
    "@babel/preset-typescript": "^7.10.4",
    "@babel/runtime": "^7.14.0",
    "@babel/runtime-corejs3": "^7.14.0",

    这种类型配置的@babel/plugin-transform-runtime 在比较老的华为浏览器上面 页面加载不出来是空白,想请问下 遇到这种配置是有什么问题么

发表评论

邮箱地址不会被公开。 必填项已用*标注