商城首页欢迎来到中国正版软件门户

您的位置: 首页 > 文章列表 > 编程开发 > ubuntu下js模块怎么导入

ubuntu下js模块怎么导入

  发布于2026-07-03 阅读(0)

扫一扫,手机访问

在 Ubuntu 下做 Ja vaScript 开发,模块导入这事儿其实分两种情况:你是跑在 Node.js 环境里,还是想在浏览器里用 ES6 模块。别急,咱们一个个说清楚。

ubuntu下js模块怎么导入

Node.js 环境下的模块导入

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 文件里的

接着在 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 模块则是现代前端开发的标配。根据你的项目需求选一个就行了。

本文转载于:https://www.yisu.com/ask/1824402.html 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。

热门关注