如何在 node.js 中使用静态 html 包含外部 js？答案

【问题标题】：How to include external js with static html using in node.js?如何在 node.js 中使用静态 html 包含外部 js？
【发布时间】：2014-05-02 07:16:31
【问题描述】：

我在node.js 中包含了一个静态 Html。在那个 html 中我想导入一个 js 文件。

我试过了：

<script src="some.js"></script>

但它实际上并没有被包括在内。

如何让它工作，请建议？

【问题讨论】：

你在使用 express.js 吗？
不，我没有使用 express.js 吗？
我推荐使用 express，然后你可以将一个文件夹作为你的静态目录，然后你就可以轻松地提供你的 javascript 文件了
你能指导我如何使用 express 做到这一点吗？

标签： javascript html node.js socket.io

【解决方案1】：

首先通过这个命令安装 express：

npm install express

然后在 server.js 所在的目录中创建一个名为 public 的文件夹。你的目录结构应该是这样的：

server.js
public //public is a folder
  index.html
  javascript //javascript is also a folder
    some.js  //this is your javascript folder inside public/javascript folder

并在您的 server.js 中执行此操作：

var express = require('express')
, http = require('http')
, var fs = require('fs');
, path = require('path');
var app = express();
app.configure(function () {
  app.set('port', process.env.PORT || 8000);
  app.use(express.static(path.join(__dirname, 'public')));
});
var server = http.createServer(app);
server.listen(app.get('port'), function () {
  console.log("Express server listening on port " + app.get('port'));
});

//create a route
app.get('/', function (req, res) {
  res.sendfile('public/test.html');
});

在你的html 中包含这样的内容：

<script type="text/javascript" src="javascript/some.js"></script>

【讨论】：

app.configure() 不再是 Express 4 的一部分（根据 this S.O. 回答