webpack编译过程引入ES6模块的问题
我的项目中,有N个子系统模块,每个子系统模块都有一个辅助的配置文件,目前是在子系统模块中添加一个配置文件,需要在项目最外层的总的配置文件中去引入这些配置,现在我想减化这一操作,就是希望在webpack编译时,能够先读取这些子系统配置文件的数据,然后再使用definePlugin插件将这些配置数据设置到一个变量当中,然后在总配置文件中读取definePlugin设置的变量,从而不用再手动引入子系统的配置文件了,但是目前的问题是它只能引用commonjs的模块,而项目所有开发都是使用的es6的模块方式导出和引入,导致Webpack抛出错误 Unexpected token export,就是不识别es6的import和export这些关键字。
我对webpack配置不是特别熟悉,google也搜索了,但是并没有找到一些解决方案,不知道有没有大神能够提供帮助。
最主要的原因就是 Node.js 不直接支持
ES6
的模块规范,而 webpack 本身就是基于 Node.js 运行的。Node.js 默认是
CommonJS
规范,所以用module.exports/require
就行了。