使用node.js时包含外部js

Including of external js while using node.js

本文关键字:js 包含外 使用 node      更新时间:2023-09-26

对于使用socket.io 的聊天应用程序,我有如下代码

<htmL>
<head>
<title>Chat with socket.io and node.js</title>
<style>
#chat{
height:500px;
}
</style>
</head>
<body>
<div id="chat"></div>
<form id="send-message">
<input size="35" id="message"></input>
<input type="submit"></input>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="socket.io/socket.io.js"></script>
<script>
jQuery(function($){
var socket=io.connect();
var $messageForm=$('#send-message');
var $messageBox=$('#message');
var $chat=$('#chat');
$messageForm.submit(function(e){
e.preventDefault();
socket.emit('send message',$messageBox.val());
$messageBox.val('');
$messageBox.focus();
});
socket.on('new message',function(data){
$chat.append(data+"<br/>");
});
});
</script>
</body>
</html>

当我运行这个时,它运行得很好。

但是,当我用本地sotred文件更改jquery文件时,它并没有得到那个文件,即使它存在于那里。请解决我的问题。

修改后的代码

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

如何在此处包含外部js文件。

服务器端jQuery

使用NPM在服务器端安装jQuery:https://www.npmjs.com/package/jquery

命令行:npm install jquery

代码:var $ = require('jquery');

简单*啁啾*

客户端jQuery

将您的文件放在名为"的文件夹中;"公共";并从那里加载文件

<script src="/public/jquery.min.js"></script>

然后在服务器端(我假设你使用的是express?),做:

//For Reference Only...
var express = require('express')
var app = express();
app.use('/public', express.static(__dirname + '/public'));

然后,您要加载的任何其他静态文件都必须放在公用文件夹中。