Как отключить в вебпак проверку изображений в стилях?

Question

mrSeller @mrSeller

Webpack

Как отключить в вебпак проверку изображений в стилях?

В сборке вся статика лежит в отдельной папке, там же и картинки, в итоге эти картинки всей папкой перемещаются при сборке в корень:

- public
    - index.html
    - app.js
    - images
    - fonts
- src
    - index.pug
    - app.js
    - static
        - images
        - fonts
        - ...

Стили компилятся в JS-файлик и оттуда, при открытии страницы (баннера), отправляются прямиком в <head />.
Для баннера нужно указывать относительные пути, т.е. для фоновых картинок я прописываю './images/', но один из css-loader'ов (style-loader, css-loader, stylus-loader) на кой-то хрен проверяет наличие картинки по этому пути ПЕРЕД сборкой, и естественно там этих картинок нет, ибо app.js находится в src, а папка картинок на уровень ниже, соответственно вылетает ошибка и нихрена не собирается.

Эту проверку возможно отрубить?

Вопрос задан более трёх лет назад
329 просмотров

3 комментария

Подписаться 1 Простой 3 комментария

Ilya @kristenstewartdadada

покажите саму ошибку

Написано более трёх лет назад

mrSeller @mrSeller Автор вопроса

Ilya,

ERROR in ./src/css/app.styl (./node_modules/css-loader!./node_modules/stylus-loader!./src/css/app.styl)
Module not found: Error: Can't resolve './images/logo.svg' in '/Applications/MAMP/htdocs/nivea/src/css'
 @ ./node_modules/css-loader!./node_modules/stylus-loader!./src/css/app.styl 7:5566-5594
 @ ./src/css/app.styl
 @ ./src/app.js
 @ multi (webpack)-dev-server/client?http://localhost:8097 ./src/app.js

Написано более трёх лет назад

mrSeller @mrSeller Автор вопроса

Ilya, самое странное, что он вообще никакие пути не хавает, даже если прописать точный относительный путь в src от app.styl до logo.svg, то все равно ошибка

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

Angular

+1 ещё

Простой
Можно ли интегрировать ангуляр?
- 1 подписчик
- 26 дек.
- 96 просмотров
1

ответ
Webpack

+1 ещё

Простой
Как решить проблему алиасов в ts-jest?
- 1 подписчик
- 08 дек.
- 50 просмотров
0

ответов
JavaScript

+3 ещё

Сложный
Webpack + ts (babel) + Google Closure Compiler ADVANCED не работают?
- 1 подписчик
- 08 дек.
- 72 просмотра
0

ответов
HTML

+3 ещё

Простой
Где и как найти переменные локальной игры на html5?
- 1 подписчик
- 25 нояб.
- 116 просмотров
1

ответ
Node.js

+2 ещё

Простой
Ошибка Error: EACCES: permission denied, stat '/root/.config/postcss' при сборке?
- 1 подписчик
- 18 нояб.
- 70 просмотров
1

ответ
Webpack

Простой
Почему webpack генерирует для каждого CSS ещё и JS?
- 1 подписчик
- 17 нояб.
- 52 просмотра
0

ответов
Node.js

+2 ещё

Средний
Сборщик игнорирует синтаксис PostCSS?
- 1 подписчик
- 15 нояб.
- 88 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Ошибка Uncaught ReferenceError: exports is not defined?
- 1 подписчик
- 14 нояб.
- 75 просмотров
2

ответа
JavaScript

+3 ещё

Простой
Ошибка с Babel при сборке Webpack?
- 1 подписчик
- 13 нояб.
- 80 просмотров
2

ответа
Node.js

+2 ещё

Простой
Ошибка при сборке в плагине webpack-svgstore-plugin?
- 1 подписчик
- 12 нояб.
- 30 просмотров
1

ответ
Показать ещё Загружается…

Frontend-разработчик

Wanted. • Санкт-Петербург

До 200 000 ₽

Backend developer / Бэкенд разработчик (E-commerce)

UnyBrands • Москва

от 180 000 до 250 000 ₽

Senior Fullstack Developer 🔥

Fundraise Up

от 3 800 до 6 500 $

Разработать 3д модель в компас

31 дек. 2024, в 09:25

1000 руб./за проект

Загрузка контента третьего сайта на своем домене, модификация realtime

31 дек. 2024, в 03:58

50000 руб./за проект

Верстка по макету

31 дек. 2024, в 01:30

10000 руб./за проект

Ilya,
ERROR in ./src/css/app.styl (./node_modules/css-loader!./node_modules/stylus-loader!./src/css/app.styl) Module not found: Error: Can't resolve './images/logo.svg' in '/Applications/MAMP/htdocs/nivea/src/css' @ ./node_modules/css-loader!./node_modules/stylus-loader!./src/css/app.styl 7:5566-5594 @ ./src/css/app.styl @ ./src/app.js @ multi (webpack)-dev-server/client?http://localhost:8097 ./src/app.js
Ilya, самое странное, что он вообще никакие пути не хавает, даже если прописать точный относительный путь в src от app.styl до logo.svg, то все равно ошибка

Answer 1 · 2018-04-24 21:18:09

Можно в конфиге указать куда складывать картинки после обработки вебпаком, в ключ name (publicPath переменная в зависимости от окружения в моем конфиге)

{
    test: /\.(png|jpg|jpeg|gif)$/,
				use: [
					{
						loader: 'url-loader',
						options: {
							limit: 8192,
							name: 'assets/images/[name].[ext]',
							publicPath
						}
					}
				]
			},

Как отключить в вебпак проверку изображений в стилях?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт