Ответ
Да, можно, но с нюансами. Абсолютные пути (/images/logo.png) работают локально, если проект запущен через сервер (например, live-server или webpack-dev-server). Без сервера браузер может интерпретировать путь как корень диска (C:/), что приведёт к ошибкам.
Лучшие практики:
- Для локальной разработки используй относительные пути (
./images/logo.png). - Если нужны абсолютные — запускай проект через сервер или настрой
baseв<head>:
<base href="/project-folder/" />- В сборках (Webpack/Vite) можно настроить алиасы для удобства.
Пример с Webpack:
// webpack.config.js
resolve: {
alias: {
'@assets': path.resolve(__dirname, 'src/assets')
}
} Теперь можно писать:
import logo from '@assets/images/logo.png';