0

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

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

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

2019-05-17 提问
2 个回答
0

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

0

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

撰写答案

推广链接