javascript - NPM Jquery 客户端与服务器端
问题描述
我对 node 和 npm 相当陌生,所以这是一个理论问题。
我想开始在我的网站上使用 Jquery,所以我这样做了 npm install jquery
,这在我的网页目录中创建了一个 node_modules 目录以及我的 html、js 和 css 文件。
为了使它工作,我必须在我的 html 中的 head 标签中添加以下内容<script src="node_modules/jquery/dist/jquery.js"></script>
问题 1)为什么 npm 将 node_modules 直接安装到我的目录中?我假设它会将它安装在我的全局目录中usr/local/lib/node_modules
问题 2)如果我将网站托管在其他地方,这将无法正常工作?我认为这种方法只适用于客户端。
问题 3)我必须如何设置我的 html 或 js 才能导入 jquery?
如果这是一个愚蠢的问题,我深表歉意,但我试图了解我编程的机制。
解决方案
为什么 npm 将 node_modules 直接安装到我的目录中?我假设它会安装在我的全局目录 usr/local/lib/node_modules
npm
旨在管理项目的依赖关系。虽然你可以让它全局安装模块,但这实际上只适用于通过 NPM 分发的整个应用程序。
如果我将网站托管在其他地方,这将无法正常工作?我认为这种方法只适用于客户端。
该src
属性需要是解析为脚本文件的 URL。如果您没有将脚本上传到正确的位置,那么它将无法解决。
为了导入 jquery,我将如何设置我的 html 或 js?
带一个<script>
元素。
请注意,它npm
本身并不擅长管理客户端 JavaScript 项目的依赖关系。只有与模块系统和诸如 browserify 之类的捆绑器结合使用时,它才会变得有用。
推荐阅读
- java - ROOM 持久性库更新和删除不会改变任何东西
- javascript - 如何使用 Firestore 对过滤后的数据进行分页
- reactjs - 删除函数中的点击事件
- c# - 协助 SerialPort 监控 (C# Winforms)
- xml - s4s-elt-must-match.1:X的内容必须匹配(注解?,(simpleType | complexType)?,(unique | key | keyref)*))
- android - 添加 firebase ML Kit 依赖项时,Gradle 构建失败
- angular - 角度构建错误:如果是故意的,请将表达式转换为“未知”的第一个角度
- ionic-framework - How do you update the iOS & Android app version in Ionic w/ Capacitor?
- autocomplete - 键入期间使用退格键时,Visual Studio 自动完成功能不起作用
- daml - 场景执行失败