Телеграмм чат группы webpack_ru страница 2120

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Webpack — русскоговорящее сообщество

1378 membersпожаловаться на группу

2020 January 26

JS

John Smith in Webpack — русскоговорящее сообщество

ну у тебя хтмл плагин обрабатывает страницы, как я думаю, а там ссылки на ресурсы и он их загружает напрямую в корень, ты можешь отключить к примеру правила по картинкам и шрифтам и увидишь по ошибкам где они

источник

00:35пожаловаться #1

JS

John Smith in Webpack — русскоговорящее сообщество

Тоесть CopyWebpackPlugin копирует в dist шрифты в папку fonts, картинки в img
Но кроме этого в корень dist кидает некоторые img и все шрифты

пропиши путь в правилах относительный для картинок и шрифтов в файл лоадере

источник

00:35пожаловаться #2

JS

John Smith in Webpack — русскоговорящее сообщество

вот в этих правилах пропиши кроме имени путь

источник

00:36пожаловаться #3

JS

John Smith in Webpack — русскоговорящее сообщество

там у него есть опция outputPath

источник

00:37пожаловаться #4

JS

John Smith in Webpack — русскоговорящее сообщество

у тебя же там не вложенные каталоги, как я понял

источник

00:38пожаловаться #5

M

MArt2202 in Webpack — русскоговорящее сообщество

сложновато понять как . Первая сборка после Gulp-a

источник

00:38пожаловаться #6

JS

John Smith in Webpack — русскоговорящее сообщество

сложновато понять как . Первая сборка после Gulp-a

ну ты бы частями делал, и пришло бы понимание, а не такой конфиг сразу запускать еще и через мерж

источник

00:39пожаловаться #7

JS

John Smith in Webpack — русскоговорящее сообщество

просто вопрос не втом, чтобы это сделать и заработало, а чтобы появилось понимание что для чего и зачем

источник

00:39пожаловаться #8

M

MArt2202 in Webpack — русскоговорящее сообщество

// Структура

src
  scss
  img
  fonts
  js
  index.html
  index.js

источник

00:40пожаловаться #9

JS

John Smith in Webpack — русскоговорящее сообщество

я не про это, а про то что у тебя каталог шрифтов или изображений не содержит вложенности и там просто можно указать outputPath

источник

00:41пожаловаться #10

JS

John Smith in Webpack — русскоговорящее сообщество

в доке у файл лоадера посмотри, там все хорошо расписано

источник

00:41пожаловаться #11

JS

John Smith in Webpack — русскоговорящее сообщество

https://webpack.js.org/loaders/file-loader/

file-loader | webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

источник

00:42пожаловаться #12

M

MArt2202 in Webpack — русскоговорящее сообщество

{
        test: /\.(png|jpg|jpeg|gif|svg)$/,
        loader: 'file-loader',
        options: {
          name: '[name].[ext]',
          outputPath: 'img'
        }
      },
      {
        test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'file-loader',
        options: {
          name: '[name].[ext]',
          outputPath: 'fonts'
        }
      }

Теперь то что добавлялось(дублировалось) в корне dist, дублируется в img, fonts

https://clip2net.com/s/45G9a9k
https://clip2net.com/s/45G9cef

a9ea8-clip-18kb.png

Clip2net — most popular image sharing tool

источник

00:49пожаловаться #13

JS

John Smith in Webpack — русскоговорящее сообщество

блин, ну спросил же про вложенность

источник

00:51пожаловаться #14

JS

John Smith in Webpack — русскоговорящее сообщество

короч, outputPath может быть функцией, в примере показано как ее написать

источник

00:52пожаловаться #15

JS

John Smith in Webpack — русскоговорящее сообщество

справишься?

источник

00:52пожаловаться #16

JS

John Smith in Webpack — русскоговорящее сообщество

и раскидаешь все фонты по нужным папкам

источник

00:52пожаловаться #17

M

MArt2202 in Webpack — русскоговорящее сообщество

Заметил если прописать неправильный outputPath, то дубляжей нету

источник

00:53пожаловаться #18

JS

John Smith in Webpack — русскоговорящее сообщество

Заметил если прописать неправильный outputPath, то дубляжей нету

а шрифты подключаются?)

источник

00:55пожаловаться #19

M

MArt2202 in Webpack — русскоговорящее сообщество

outputPath: './folder/img'
outputPath: './folder/fonts'

Так заработало без дубляжей
Тоесть если сделать доп. папку.

источник

00:58пожаловаться #20