@mrSeller

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

В сборке вся статика лежит в отдельной папке, там же и картинки, в итоге эти картинки всей папкой перемещаются при сборке в корень:
- 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, а папка картинок на уровень ниже, соответственно вылетает ошибка и нихрена не собирается.

Эту проверку возможно отрубить?
  • Вопрос задан
  • 320 просмотров
Пригласить эксперта
Ответы на вопрос 1
@kristenstewartdadada
Frontend Developer
Можно в конфиге указать куда складывать картинки после обработки вебпаком, в ключ name (publicPath переменная в зависимости от окружения в моем конфиге)
{
    test: /\.(png|jpg|jpeg|gif)$/,
				use: [
					{
						loader: 'url-loader',
						options: {
							limit: 8192,
							name: 'assets/images/[name].[ext]',
							publicPath
						}
					}
				]
			},
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы