Телеграмм чат группы webpack

Size: a a a

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

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

2020 June 02

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

Валентин

Привет, как рассортировать файлы по папкам при сборке?

если у тебя файлы не взаимодействуют с CSS/JS, то copy-webpack-plugin

источник

13:29пожаловаться #1

Валентин in Webpack — русскоговорящее сообщество

Kenan Ayvazov

если у тебя файлы не взаимодействуют с CSS/JS, то copy-webpack-plugin

А если взаимодействуют?

источник

13:43пожаловаться #2

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

Валентин

А если взаимодействуют?

то у тебя сам вебпак должно подхватывать

источник

13:44пожаловаться #3

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

ну и можно задать, чтобы он кидал в нужные тебе папки

источник

13:45пожаловаться #4

Валентин in Webpack — русскоговорящее сообщество

Kenan Ayvazov

то у тебя сам вебпак должно подхватывать

Вот он всё подхватывает но сваливает в dist в одну кучу малу

источник

13:47пожаловаться #5

АГ

Андрей Гуртовой... in Webpack — русскоговорящее сообщество

Валентин

А если взаимодействуют?

Тогда посмотри вот это сообщение: https://t.me/webpack_ru/57985

Андрей Неумыванный in Webpack — русскоговорящее сообщество

Исходя из методологии БЭМ, если следовать структуре файлов используя шаблонизаторы и прочее, в блоке лежат картинки, шаблон и стили. В итоге мы создаем билд. Со стилями понятно там импорты, а как найти все картинки, которые в компонентах, и закинуть их в одну папку на выходе, да еще и пути чтобы не потерять.Есть идеи как собирать эти картинки в одну папку webpack?

источник

13:47пожаловаться #6

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

адепты упорядоченной папки dist)

источник

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

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

Валентин

Вот он всё подхватывает но сваливает в dist в одну кучу малу

какая разница чо как у тебя лежит в dist?)

источник

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

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

Валентин

Вот он всё подхватывает но сваливает в dist в одну кучу малу

у лоадера, который ты юзаешь, есть такая штука - name. Ты можешь задать так: name: [path][name].[ext]

источник

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

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

Не истина и не думаю, что норм тема, но мне известен такой вариант

источник

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

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

да, так делают

источник

13:50пожаловаться #11

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

Roman Usherenko

да, так делают

т.е. это норм?

источник

13:50пожаловаться #12

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

ну... норма - понятие такое)

источник

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

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

или мб есть лучше варианты?

источник

13:50пожаловаться #14

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

я разделяю на js, css и images и все, дальше все лежит вповалку

источник

13:50пожаловаться #15

Валентин in Webpack — русскоговорящее сообщество

Roman Usherenko

я разделяю на js, css и images и все, дальше все лежит вповалку

А у меня даже так не разделяется))

источник

13:51пожаловаться #16

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

Валентин

А у меня даже так не разделяется))

ну это тебе надо настроить extract loader

источник

13:51пожаловаться #17

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

new MiniCssExtractPlugin({
  filename: 'css/[name]-[contenthash:8].css',
  chunkFilename: 'css/[name]-[contenthash:8].chunk.css'
})

источник

13:52пожаловаться #18

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

Вообще пох, что и как в dist валяется...

источник

13:52пожаловаться #19

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

output: {
  filename: 'js/[name]-[contenthash].js',
  chunkFilename: 'js/[name]-[contenthash].chunk.js',
  hotUpdateChunkFilename: 'js/[id]-[hash].hot-update.js',
}

это для js

источник

13:52пожаловаться #20