webpack 使用babel 7.0遇到的坑

最新推荐文章于 2024-07-11 23:24:40 发布

我爱吃烤鸡翅 : )

最新推荐文章于 2024-07-11 23:24:40 发布

阅读量6.1k

点赞数 3

分类专栏： webpack

本文链接：https://blog.csdn.net/yuse6262/article/details/95771040

版权

本文记录了在使用webpack与babel 7.0时遇到的三个问题：Plugin/Preset不允许导出对象、Node Sass环境绑定找不到、无法找到'@babel/plugin-transform-runtime'模块。解决方案包括升级或降级babel版本、按照推荐方式解决Node Sass问题，以及安装@babel/runtime。文章旨在提供问题解决参考。

摘要由CSDN通过智能技术生成

前言

今天在使用babel 7.0的时候遇到了一些坑，并且在此做上记录以方便以后对改问题的回溯。

1. Plugin/Preset files are not allowed to export objects

这个问题是由于babel的版本冲突，在babel 7.x之后，babel做了不可兼容的升级，babel的命名规则也从以前的babel-xxx修改成@babel/xxx。如果要解决这个问题可以使用以下的方法：

升级babel到babel7.0

将所有有关babel的包都升级为7.0版本

    "@babel/core": "^7.5.4",
    "@babel/plugin-proposal-class-properties": "^7.0.0",
    "@babel/plugin-proposal-json-strings": "^7.0.0",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/plugin-syntax-import-meta": "^7.0.0",
    "@babel/plugin-transform-runtime": "^7.5.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/runtime": "^7.5.4"