ubuntu下js模块怎么导入

ubuntu

小樊

2025-11-15 01:09:14

栏目: 编程语言

在 Ubuntu 下，如果你想在一个 JavaScript 项目中导入模块，你可以使用 Node.js 或者浏览器环境。这里分别介绍两种情况：

使用 Node.js 导入模块：

Node.js 支持 CommonJS 模块系统，你可以使用 require 函数来导入模块。首先确保你已经安装了 Node.js。然后按照以下步骤操作：

a. 创建一个名为 main.js 的文件，这将是你的主入口文件。

b. 在 main.js 文件中，使用 require 函数导入模块。例如，如果你想导入一个名为 exampleModule.js 的模块，你可以这样做：

const exampleModule = require('./exampleModule');

c. 在 exampleModule.js 文件中，导出一个函数或变量：

function exampleFunction() {
  console.log('Hello from example module!');
}

module.exports = exampleFunction;

d. 在终端中运行 main.js 文件：

node main.js

在浏览器环境中导入模块：

现代浏览器支持 ES6 模块系统，你可以使用 import 和 export 关键字来导入和导出模块。首先创建一个 HTML 文件，并在其中引入一个 JavaScript 文件作为主入口文件。例如，创建一个名为 index.html 的文件：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Module Example</title>
</head>
<body>
  <script type="module" src="main.js"></script>
</body>
</html>

注意 script 标签的 type 属性设置为 module，这告诉浏览器你将使用 ES6 模块。

接下来，在 main.js 文件中使用 import 关键字导入模块：

import exampleFunction from './exampleModule.js';

在 exampleModule.js 文件中，使用 export 关键字导出一个函数或变量：

export function exampleFunction() {
  console.log('Hello from example module!');
}

现在，当你在浏览器中打开 index.html 文件时，exampleFunction 将被导入并在控制台中执行。

ubuntu下js模块怎么导入

最新问答

相关标签