Nodejs项目默认使用Commonjs模块化,那么我们如何使用ES6来进行模块化呢???

  1. 首先在我们的package.json文件中添加"type": “module”
    Nodejs项目模块化方式选择
    commonjs:代表使用CommonJs来进行模块化
    module:代表使用ES6来进行模块化
  2. 其次将我们的babel.config.js文件重命名为babel.config.json并且把文件的内容修改成json文件的格式
    babel.config.js文件重命名
    看到这里我相信很多人会问为什么要重命名babel.config.js文件
    那我们先来聊一聊babel.config.js文件是用来干什么的

babel.config.js 文件是用来配置 Babel 转译器的配置文件。Babel 是一个 JavaScript 编译器,主要用于将新版 ECMAScript(ES6+)代码转译成向后兼容的 JavaScript 版本(这里一般是指ES5),以便在不同环境中运行。

知道了babel.config.js,那么我们来聊一聊为什么要把它重命名为babel.config.json

这通常是因为在 Vue CLI 项目中,当 Babel 配置文件使用 JavaScript 文件(.js)而不是 JSON 文件(.json)时,Vue CLI 默认会将其配置为一个同步配置文件。因此,如果你希望使用 ECMAScript 模块格式,并且避免这个错误,可以将配置文件改为使用 JSON 格式。

如果没有进行重命名的话,那么会报错
报错
对于这个错误,我们来截取重点
You appear to be using a native ECMAScript module configuration file, which is only supported when running Babel asynchronously.
大概意思是, 你使用了本地ES配置文件进行了模块化,这个配置文件只有在异步运行babel才支持该文件。 那么意思也就是babel.config.js是同步运行时支持的文件,所以babel.config.js需要重命名为babel.config.json

最后如果大家需要查看CommonJS模块化和ES6模块化的具体内容可以参考下面官方中文文档

CommonJs中文文档
ES6模块化中文文档

  • 8
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值