When mixed use import and module.exports:
import A from 'a';
// ...
module.exports = Ait will lead to problems with bundling like this:
TypeError: Cannot assign to read only property 'exports' of object '#<Object>'For more infomation, see these issues:
webpack/webpack#4039 (comment)
This plugin makes things work by transforming the code into:
var __MIX_IMPORT_MODULE_EXPORTS__;
import A from 'a';
// ...
__MIX_IMPORT_MODULE_EXPORTS__ = A;
export default __MIX_IMPORT_MODULE_EXPORTS__;or sometimes maybe we have multiple module.exports in our module:
var __MIX_IMPORT_MODULE_EXPORTS__;
import A from 'a';
import B from 'b';
// ...
if (B) {
__MIX_IMPORT_MODULE_EXPORTS__ = B;
} else {
__MIX_IMPORT_MODULE_EXPORTS__ = A;
}
export default __MIX_IMPORT_MODULE_EXPORTS__;This plugin is just for compatibility with old projects, you should not use it in your new projects.