JavaScript 在浏览器中运行时,通常会先加载 static 文件夹中的资源,然后再加载 node_modules 文件夹中的资源。这是因为浏览器会按照页面中
如果你是在 Node.js 环境中,模块加载顺序会受到 require 语句的位置影响,但通常 Node.js 会缓存 node_modules 中的依赖,因此加载顺序可能会有所不同。
以下是一个简单的例子,演示在 HTML 文件中如何引入静态文件和 Node 模块中的脚本:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Module Loading Example</title>
<!-- 先加载自定义的静态脚本 -->
<script src="static/my-script.js"></script>
<!-- 再加载来自node_modules的依赖 -->
<script src="node_modules/some-library/dist/some-library.js"></script>
</head>
<body>
<h1>Module Loading Example</h1>
</body>
</html>
在浏览器中打开这个 HTML 文件时,它会首先加载 static/my-script.js,然后加载 node_modules/some-library/dist/some-library.js。