Skip to main content
1 de 4
Dev 200
  • 5.5k
  • 7
  • 47
  • 91

Para servir de CSS y JS a un archivo HTML debes de seguir estos tres pasos:

1 - Crear el documento HTML

<html>
    <head>
        <meta></meta>
        <title></title>
    </head>
    <body>
    </body>
</html>

2 - Incluir tus archivos CSS y JavaScript

 <html>
        <head>
            <meta></meta>
            <title></title>
        </head>
        <link rel="stylesheet" type="text/css" href="css.css">
        <body>
        </body>
        <script src="javascript.js"></script>
    </html>

3 - Configura tu Script de nodejs

crearServer.js:

const http = require("http");
const fs = require("fs");
const path = require("path");

var filePath = request.url;
if (filePath == '/')
  filePath = '/index.html';

filePath = __dirname+filePath;
var extname = path.extname(filePath);
var contentType = 'text/html';

switch (extname) {
    case '.js':
        contentType = 'text/javascript';
        break;
    case '.css':
        contentType = 'text/css';
        break;
}


fs.exists(filePath, function(exists) {

    if (exists) {
        fs.readFile(filePath, function(error, content) {
            if (error) {
                res.writeHead(500);
                res.end();
            }
            else {
                res.writeHead(200, { 'Content-Type': contentType });
                res.end(content, 'utf-8');
            }
        });
    }
});
Dev 200
  • 5.5k
  • 7
  • 47
  • 91