webpack 控制台 exports is not defined plugin-transform-runtime

情况是这样的:经过查资料,这是使用了CommonJs写法,而在应用中并没有做相应的模块转换使得浏览器能够识别。而导致这个问题是因为balbel的配置文件.babelrc的问题

问题出在transform-runtime上,解决了两天买了一个教训,前端解决bug有两个抓手没有抓牢,一个是语言组织能力,另一个是Google语法的灵活运用。

本文链接:https://blog.csdn.net/xss392795158/article/details/98770936
若是babel 6, 可以看这位同仁的文章

https://www.cnblogs.com/vickya/p/8645061.html

若是babel 7 , 设置

https://www.babeljs.cn/docs/babel-preset-env

{
  "presets": ["@babel/preset-react", ["@babel/preset-env",{"modules": "commonjs"}]],
  "plugins": [
    [
      "import", {
        "libraryName": "antd",
        "libraryDirectory": "es",
        "style": "css"
      }
    ],
    ["@babel/plugin-proposal-class-properties"],
    "@babel/plugin-transform-runtime"
  ]
}

对@babel/preset-env增加配置{"modules": "commonjs"} 即可
————————————————
版权声明:本文为CSDN博主「许珊珊」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xss392795158/article/details/98770936

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    锋享前端阅读 1,949评论 0 10
  • babel-loader 查看原文|查看仓库|编辑此页 This package allows transpili...
    thekings阅读 6,706评论 0 50
  • http://blog.csdn.net/weizengxun/article/details/53448885 ...
    晓卢轩阅读 734评论 0 0
  • 安装webpack并使用打包 一全局打包 webpack .\src\main.js .\dist\bundle...
    rainbowz阅读 765评论 0 3
  • 记录下自己在安装 python Dlib时踩得坑. 其中参考了这边文章 http://www.jianshu.co...
    恶魔不太饿阅读 1,785评论 0 1

友情链接更多精彩内容