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

Size: a a a

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

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

2020 July 04

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

я чет нашел query запрос url=false, в loader: "css-loader?url=false"

источник

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

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

Kenan Ayvazov

я использую свою сборку. Увы, но сколько бьюсь - не смог научить её с алиасами работать для <img>. У меня обычно срабатывает ../img/image-name.png для бэкграундов.

а ты как в scss файлах, в .vue скриптах, там изи

источник

19:53пожаловаться #2

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

а вот в scss жопец

источник

19:53пожаловаться #3

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

УРА!

источник

19:53пожаловаться #4

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

Kenan Ayvazov

тильду в начале пути добавляй и тогда алиасы работают

источник

19:53пожаловаться #5

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

а вообще в дальнейшем юзать абсолютный путь или @ ?

источник

19:54пожаловаться #6

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

советы от профи жду)

источник

19:54пожаловаться #7

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

Roman Usherenko

тильду в начале пути добавляй и тогда алиасы работают

а сам алиас должен быть без собаки и тильды?

источник

19:54пожаловаться #8

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

Я просто уже все варианты перепробовал - вебпак бросает ошибку

источник

19:54пожаловаться #9

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

Kenan Ayvazov

а сам алиас должен быть без собаки и тильды?

если алиас с тильдой - то ещё одну добавляй

источник

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

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

Всем привет. Вопрос по html-webpack-plugin.Подскажите пожалуйста как правильно сгенерировать хешированный html.У меня выдает cannot read "main" of undefined

источник

19:57пожаловаться #11

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

Код html такой

<html>
  <head>
    <link
      rel="stylesheet"
      href="<%=htmlWebpackPlugin.files.chunks.main.css %>"
    />
  </head>
  <body>
    <div>Hello, world!</div>
    <script src="<%= htmlWebpackPlugin.files.chunks.main.entry %>"></script>
  </body>
</html>

источник

19:58пожаловаться #12

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

Делал по гайду https://tproger.ru/translations/configure-webpack4/

Tproger

Webpack 4: практические рекомендации по настройке

В сети можно найти множество туториалов по настройке Webpack 4, и каждый из них может чем-то отличаться от другого. Представляем вашему вниманию один из таких туториалов, который можно использовать в качестве примера.

источник

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

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

Roman Usherenko

если алиас с тильдой - то ещё одну добавляй

источник

19:58пожаловаться #14

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

Roman Usherenko

если алиас с тильдой - то ещё одну добавляй

источник

19:58пожаловаться #15

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

Kenan Ayvazov

'image': 'path.resolve(__dirname, './dist/imgs')'

источник

20:01пожаловаться #16

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

У меня примерно так и работает с ~, если не поможет гляну в исходник своей сборке\

источник

20:01пожаловаться #17

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

Сергей

'image': 'path.resolve(__dirname, './dist/imgs')'

не, не получилось :C. Буду рад, если в ЛС скинешь сборочку

источник

20:03пожаловаться #18

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

скорее всего где-то между этими шагами сделал ошибку

источник

20:04пожаловаться #19

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

Kenan Ayvazov

не, не получилось :C. Буду рад, если в ЛС скинешь сборочку

alias: {
  '@assets': path.resolve(__dirname, './src/static/assets')
}

<img src="~@assets/images/1.jpg" alt="">

источник

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