import 和 module.exports 混用问题？

Question

项目地址是：https://github.com/savoygu/el...
示例项目地址：https://github.com/savoygu/te...

项目是基于 Vue 组件库 element-ui 做的二次开发，采用如下方式直接导入 element-ui 组件，图片对应目录是 packages/breadcrumb/src/main.vue

由于我采用 commonjs2 来打包（npm run dist），所以 babel-loader 并不编译依赖的 element-ui/packages/* 等文件，所以我使用了 element-ui 编译后的文件。编译后的文件 element-ui 已经生成了，也是基于 commonjs2 规范的，可以在 element-ui 目录的 lib 文件夹下看到，然后我用到了 babel 的插件 babel-plugin-module-resolver 来做目录的替换，

当运行 npm run dist 来进行打包时, 出现了这样的警告：

运行示例项目时，出现了这样的错误：

从上面警告中看到是 import 导入了采用 commonjs2 规范生成的文件导致的，不知道有没有好的解决办法？或者好的打包思路