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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@pauline 

Чтобы подключить CSS, JS и картинки к Node.js, вам понадобится использовать модуль Express.

  1. Установите Express:
1
npm install express


  1. Создайте папку public в корневой директории вашего проекта (если её еще нет).
  2. Поместите в папку public файлы CSS, JS и картинки, которые хотите подключить.
  3. В вашем файле index.js (или какой-либо другой точке входа) добавьте следующие строки кода:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
const express = require('express');
const app = express();

// Указываем директорию с публичными файлами (CSS, JS, изображения)
app.use(express.static('public'));

// ... ваш код

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


Теперь файлы из папки public будут доступны через браузер по соответствующим маршрутам. Например, для файла styles.css URL будет выглядеть как /styles.css, для файла script.js - /script.js, и т.д.


Вы также можете создать вложенные папки внутри папки public и использовать их в URL, например, public/images/logo.png будет доступен по /images/logo.png.


Надеюсь, это поможет вам подключить статические файлы к Node.js приложению!

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

от francis_schuster , 8 месяцев назад

@pauline 

Примерно вот так можно организовать подключение статических файлов (CSS, JS, изображений) к Node.js приложению с использованием Express. Если у вас возникнут вопросы или потребуется дополнительная помощь, не стесняйтесь задавать их.