在一些项目中，使用 webpack 打包本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】，难免会有 ESModule 和 com【版权所有，侵权必究】原创内容，盗版必究。monjs 混用的情况，当然，全部用 E【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】SModule 是最好的，符合标准。但是【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。，在不得已或偷懒情况下必须混用时，要注意未经授权，禁止复制转载。【版权所有，侵权必究】混用时的一些模块逻辑。

babel 会将 ESModule 导入【转载请注明来源】著作权归作者所有，禁止商业用途转载。进行处理，也就是说 import 的目标【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net文件是 module.exports 导【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。出的 commonjs 文件是可以的。但【原创不易，请尊重版权】未经授权，禁止复制转载。是前提是，必须先用 babel 进行编译未经授权，禁止复制转载。【转载请注明来源】。我们用 webpack babel-l【版权所有，侵权必究】转载请注明出处：www.tangshuang.netoader 的时候，为了获得 tree 原创内容，盗版必究。【版权所有，侵权必究】shaking 的效果，所以会关闭 mo【未经授权禁止转载】【未经授权禁止转载】dules 选项，这就导致在 webpa【原创内容，转载请注明出处】【转载请注明来源】ck 进行打包时，babel 不会编译 【原创不易，请尊重版权】【本文受版权保护】ESModule，也就不会优化 impo【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.netrt 逻辑，因此，这种情况下 impor【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。t 的目标文件是 module.expo著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】rts 时，运行时会报错，因为 webp本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】ack 认为 module 是不可写对象本文版权归作者所有，未经授权不得转载。【作者：唐霜】，你不能重写 module.export未经授权，禁止复制转载。未经授权，禁止复制转载。s，但你可以重写 exports。

这个逻辑是对的，webpack 按照标准本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net进行了处理，并且是严格处理，这就要求模块【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】输出者，必须输出 exports.xxx【转载请注明来源】原创内容，盗版必究。 这样的接口，从而可以通过 webpac著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.netk 实现与 ESModule 完全对接。转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。但是，很遗憾，由于历史原因，我们不可能把【转载请注明来源】【版权所有，侵权必究】我们项目中全部的 module.expo【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.netrts 全部重新写过，而且对于 modu【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.netle.exports = functio原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】n 的情况根本无解。

好消息是，我们也是有办法的，ESModu【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。le 和 commonjs 是可以混用的转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。。关键就在 require 和 impo【未经授权禁止转载】未经授权，禁止复制转载。rt 的区别。在 webpack 里面，【转载请注明来源】原创内容，盗版必究。目标文件究竟遵循 ESModule 还是原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】 commonjs，完全由导入语句 re【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。quire/import 来决定。例如，原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】你的 a.js 是 ESModule 导【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net出模块，但是你在外面用 require 未经授权，禁止复制转载。【转载请注明来源】导入，那么它可以很自然的被使用，可以说无原创内容，盗版必究。转载请注明出处：www.tangshuang.net缝对接。但是，如果你的 a.js 是 c本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。ommonjs 导出模块，而外面是 im【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。port 进行导入，那就必须格外小心，m转载请注明出处：www.tangshuang.net【版权所有】唐霜 www.tangshuang.netodule.exports 的导出方式不原创内容，盗版必究。【作者：唐霜】可以，但是 exports.xxx 的方【作者：唐霜】【原创不易，请尊重版权】式可以使用，当然，使用 export 导著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】出是最优选择。

最终的结论是，不要用 import 去导著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。入原来的 module.exports 【转载请注明来源】本文作者：唐霜，转载请注明出处。的模块，而是要用 require，这在 【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】webpack 中，你可以把这种操作当作未经授权，禁止复制转载。【作者：唐霜】日常操作，或者必须使用 require 【本文首发于唐霜的博客】未经授权，禁止复制转载。的唯一特殊情况。