为什么我可以在只支持 CommonJS 模块的库中使用 import 语句？答案

【问题标题】：Why can I use import statements in libraries that only support CommonJS modules?为什么我可以在只支持 CommonJS 模块的库中使用 import 语句？
【发布时间】：2021-12-19 18:22:43
【问题描述】：

Ua-parser-js only supports CommonJS 模块。而导出的时候，导出语句是not found：

    if (typeof(exports) !== UNDEF_TYPE) {
        // nodejs env
        if (typeof module !== UNDEF_TYPE && module.exports) {
            exports = module.exports = UAParser;
        }
        exports.UAParser = UAParser;
    } else {
        // requirejs env (optional)
        if (typeof(define) === FUNC_TYPE && define.amd) {
            define(function () {
                return UAParser;
            });
        } else if (typeof window !== UNDEF_TYPE) {
            // browser env
            window.UAParser = UAParser;
        }
    }

但是，为什么我可以通过import { UAParser } from 'ua-parser-js' 导入UAParser？此代码显示在以下 SO 答案和 GitHub 问题中。

https://stackoverflow.com/a/57171046

https://github.com/faisalman/ua-parser-js/issues/423

【问题讨论】：

标签： javascript module es6-modules commonjs ua-parser

【解决方案1】：

这可能有两种工作方式：

您的工具链确实将 import { UAParser } from 'ua-parser-js' 语句转换为旧版 const { UAParser } = require('ua-parser-js');，然后由节点执行
节点 ESM 支持importing CommonJS modules for compatibility。 module.exports = UAParser; 将作为默认导入提供，exports.UAParser = UAParser; 将在您正在执行的命名导入中提供。

【讨论】：