Как подключить css,js,картинки к node.js?

Пользователь

от bart , в категории: JavaScript , год назад

Как подключить css,js,картинки к node.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от edyth , год назад

@bart 

Пользователь

от francisco.friesen , 2 месяца назад

@bart 

Для подключения CSS, JS и картинок к Node.js, вы можете использовать статическую директорию в вашем приложении.

  1. Создайте папку в корневом каталоге вашего проекта, например public.
  2. Внутри этой папки разместите свои CSS-файлы, JS-файлы и все необходимые картинки.
  3. Установите и подключите модуль express к вашему проекту:
1
npm install express


  1. В вашем скрипте Node.js, добавьте следующий код для настройки статической директории:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
const express = require('express');
const app = express();

// Установка статической директории
app.use(express.static('public'));

// Ваш код приложения здесь...

// Запуск сервера
app.listen(3000, () => {
  console.log('Сервер запущен на порту 3000');
});


  1. После этого, все содержимое папки public будет доступно на вашем сервере. Например, если у вас есть файл styles.css в папке public/css, вы сможете подключить его в файле HTML следующим образом:
1
<link rel="stylesheet" href="/css/styles.css">


  1. Аналогично, вы можете подключить JS-файлы и картинки, указывая соответствующие пути в вашем HTML-коде.


Таким образом, все ресурсы из папки public будут доступны по относительным путям на вашем сервере.