时间戳

首页 > 解决方案 > 在 Node.js 中包含 CSS 和 JS 文件

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

问题描述

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

我的文件夹文件路径：

文件夹
index.html
app.js
package.json
css
main.css
文件
file.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);

标签： htmlcssnode.js

解决方案

如果您的资产目录（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>标签将保持不变

推荐阅读