发布于2026-07-03 阅读(0)
扫一扫,手机访问
在 Ubuntu 下做 Ja vaScript 开发,模块导入这事儿其实分两种情况:你是跑在 Node.js 环境里,还是想在浏览器里用 ES6 模块。别急,咱们一个个说清楚。

Node.js 默认用的是 CommonJS 模块系统,也就是大家熟悉的 require 语法。前提是你已经装好了 Node.js,接下来几步很简单:
先创建一个主入口文件,比如 main.js。然后在里面用 require 导入你想要的模块。举个例子,假设你有一个 exampleModule.js 文件:
// main.js
const exampleModule = require('./exampleModule');
那 exampleModule.js 里面怎么写呢?你需要把要暴露的东西通过 module.exports 导出去:
// exampleModule.js
function exampleFunction() {
console.log('Hello from example module!');
}
module.exports = exampleFunction;
最后在终端运行 node main.js 就能看到效果了。是不是很直接?
如果你是想在浏览器里用模块,那就要用 ES6 的 import / export 语法了。现代浏览器基本都支持,前提是 HTML 文件里的 标签得加上 type="module" 属性。看个例子:
Module Example
接着在 main.js 里用 import:
// main.js
import exampleFunction from './exampleModule.js';
而在 exampleModule.js 中,就用 export 把函数或变量暴露出去:
// exampleModule.js
export function exampleFunction() {
console.log('Hello from example module!');
}
然后直接在浏览器里打开 index.html,打开控制台就能看到输出了。注意,浏览器环境下 import 的路径必须写完整的文件名(包括扩展名),这点和 Node.js 的 require 不太一样,算是新手容易踩的坑。
话说回来,两种方式各有适用场景,Node.js 的 CommonJS 更适合后端或工具链,而浏览器端的 ES6 模块则是现代前端开发的标配。根据你的项目需求选一个就行了。
售后无忧
立即购买>office旗舰店
售后无忧
立即购买>office旗舰店
售后无忧
立即购买>office旗舰店
售后无忧
立即购买>office旗舰店
正版软件
正版软件
正版软件
正版软件
正版软件
1
2
3
7
8