webpackChain中引入es6模块的文件报错

webpack编译过程引入ES6模块的问题

我的项目中,有N个子系统模块,每个子系统模块都有一个辅助的配置文件,目前是在子系统模块中添加一个配置文件,需要在项目最外层的总的配置文件中去引入这些配置,现在我想减化这一操作,就是希望在webpack编译时,能够先读取这些子系统配置文件的数据,然后再使用definePlugin插件将这些配置数据设置到一个变量当中,然后在总配置文件中读取definePlugin设置的变量,从而不用再手动引入子系统的配置文件了,但是目前的问题是它只能引用commonjs的模块,而项目所有开发都是使用的es6的模块方式导出和引入,导致Webpack抛出错误 Unexpected token export,就是不识别es6的import和export这些关键字。

我对webpack配置不是特别熟悉,google也搜索了,但是并没有找到一些解决方案,不知道有没有大神能够提供帮助。

阅读 2.1k
2 个回答

最主要的原因就是 Node.js 不直接支持 ES6 的模块规范,而 webpack 本身就是基于 Node.js 运行的。
Node.js 默认是 CommonJS 规范,所以用 module.exports/require 就行了。

想到一种折中的方案,在webpack中存储子系统的名称,在总的配置文件中动态import这些配置文件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题