使用 npm 安装后如何在 node 项目中添加 jquery？答案

【问题标题】：How to add jquery with node project after installing with npm?使用 npm 安装后如何在 node 项目中添加 jquery？
【发布时间】：2015-10-20 15:05:07
【问题描述】：

我已经使用 npm (npm install jquery --save) 安装了 jquery，并将 jquery 添加到我的 node_modules 文件夹中。 html页面的script标签使用什么路径？

这是我的目录结构（仅包括必要的）

-Project Root
  -node_modules
      -jquery
          -dist
              -jquery.js
          -src
  -index.js
  -index.html
  -package.json

对于 socket.io，它看起来像这样

<script src="/socket.io/socket.io.js"></script>

我在 jquery 上试过这个，但是没有用

<script src="/jquery/dist/jquery.js"></script>

任何帮助将不胜感激！谢谢！

【问题讨论】：

您需要配置您的服务器以在该位置提供 .js 文件。通常，您有一个包含静态文件的 public/ 文件夹，这样您就可以轻松地为整个文件夹提供服务。
在客户端使用 jQuery 不需要节点模块。你在使用 ExpressJs 之类的东西吗？而且你真的不需要在后端使用 jQuery，因为 jQuery 所做的大部分工作都是 DOM 操作。
我正在使用快递。所以我应该把它包含在一个cdn中？我是这个 npm 工作流程的新手。我假设您添加了类似的所有内容。
您可以使用 CDN，也可以在 Express 中创建自己的静态目录。您可以在此处提供图像、css 和客户端 JS 服务。

标签： jquery node.js npm

【解决方案1】：

您无需安装 jQuery 节点模块即可在客户端运行 jQuery。您应该能够从公共或静态目录中加载它。例如，

您的项目结构

-Project Root
  -public
     -js
       jquery.js
  -node_modules
  -index.js
  -index.html
  -package.json

HTML

<!doctype html>
<html>
    <head>
        <script src="/socket.io/socket.io.js"></script>
        <script src="public/js/jquery.js"></script>
    </head>
    <body>
        ... stuff ...
    </body>
</html>

app.js

我假设您正在使用 Express，就像 Socket.IO 入门示例中推荐的那样。 http://socket.io/get-started/chat/ 所以在你的 app.js 中你需要声明你的公共或静态位置。这将允许您的 index.html 访问该文件夹中的文件。

app.use('/public', express.static('public'));

快递服务静态：

http://expressjs.com/starter/static-files.html

【讨论】：

感谢您的澄清。我会改的。
为什么人们拒绝投票这个帖子？我觉得我问了一个合理的问题。我只是想了解所有这些是如何工作的，我找不到任何明确说明我应该怎么做的东西。
@billabrian6，对不起，我不能告诉你。以您的方式发送赞成票以删除反对票。有时人们不耐烦，不等待问题得到更好的解决。只是我的猜测..
这不是我对这个社区的期望。我一直在这里有很好的提问经验，而且我总是尽量包含尽可能多的信息，以便有人帮助我。再次感谢您的帮助！
当然没问题。很高兴为您提供帮助！