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

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

这个逻辑是对的，webpack 按照标准【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。进行了处理，并且是严格处理，这就要求模块转载请注明出处：www.tangshuang.net【本文首发于唐霜的博客】输出者，必须输出 exports.xxx本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。 这样的接口，从而可以通过 webpac本文版权归作者所有，未经授权不得转载。【转载请注明来源】k 实现与 ESModule 完全对接。【未经授权禁止转载】【原创不易，请尊重版权】但是，很遗憾，由于历史原因，我们不可能把【本文首发于唐霜的博客】【原创内容，转载请注明出处】我们项目中全部的 module.expo原创内容，盗版必究。本文作者：唐霜，转载请注明出处。rts 全部重新写过，而且对于 modu【本文首发于唐霜的博客】原创内容，盗版必究。le.exports = functio【作者：唐霜】【本文首发于唐霜的博客】n 的情况根本无解。

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

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