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

Question

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

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

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

Answer 1

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

Answer 2

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