如何将整个JavaScript文件(.js)导入到另一个.js文件中？

如果你想让spellCheck.js访问purify.min.js里的所有方法和变量，根据使用的模块系统，有两种常用实现方式：

ES模块（浏览器/现代Node.js） #

使用import * as语法将整个模块的导出内容挂载到一个别名上：

// spellCheck.js
import * as Purify from './purify.min.js';

之后通过这个别名就能访问purify.min.js里的所有成员，比如：

// 调用purify中的方法
Purify.someMethod();
// 访问purify中的变量
console.log(Purify.someVariable);

如果purify.min.js存在默认导出，也可以直接导入默认成员，但这种方式无法确保覆盖所有导出内容，建议用import * as语法获取全部内容。

CommonJS（传统Node.js环境） #

在使用CommonJS的环境中，直接用require导入整个模块：

// spellCheck.js
const Purify = require('./purify.min.js');

同样通过Purify别名即可访问目标文件里的所有导出成员。

注意事项 #

• 浏览器环境下，需给引用脚本的HTML标签添加type="module"属性：<script type="module" src="spellCheck.js"></script>。
• Node.js环境中，使用ES模块语法时，要在package.json里设置"type": "module"，或把文件后缀改为.mjs；使用CommonJS则无需额外配置（或后缀改为.cjs）。

内容的提问来源于stack exchange，提问作者Mark