在 Node.js 中包含 CSS 和 JS 文件

Question

我正在学习如何使用 Node.js，但我被卡住了。我无法在我的项目中加载 css 和 js 文件。我正在从 CDN 加载 Bootstrap 和 Fontawesome，它们渲染得很好。至于我自己的自定义 css 和 js，它们根本没有加载。

我的文件夹文件路径：

文件夹

索引.html

应用程序.js

包.json

CSS

主.css

文件

文件.pdf

应用程序.js：

  var http = require('http');
     var fs = require('fs');

 //creating server
 http.createServer(function (req, res) {
   fs.readFile('index.html', function (err, html) {
     res.writeHead(200, { 'Content-Type': 'text/html' });
     res.write(html);
     res.end();

   });
 }).listen(8080);

原文由 user7438259 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您的资产目录（css、js、字体目录）在根目录下，如下所示

然后使用此代码

在 app.js 中

app.use(express.static(path.join(__dirname, '/')));

并在 .html 文件中导入这样的 css

 <link rel="stylesheet" href="css/style.css">

如果您的资产在另一个类似的父文件夹下

public/assets/css/style.css

然后只需将 / 替换为 public/assets 如下文件夹

 app.use(express.static(path.join(__dirname, '/public/assets')));

<link> 标签将保持不变

原文由 Krishna Jangid 发布，翻译遵循 CC BY-SA 4.0 许可协议