Size: a a a

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

2020 June 03

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
🧨 ethorz
пример древний, но подойдет
спасибо, почитаю
источник

🧨

🧨 ethorz in Webpack — русскоговорящее сообщество
Dmitriy Shuleshov
Есть же реакт хот лоадер
это для слабаков)
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
Dmitriy Shuleshov
Есть же реакт хот лоадер
я не юзаю реакт
источник

DS

Dmitriy Shuleshov in Webpack — русскоговорящее сообщество
🧨 ethorz
это для слабаков)
🌚
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
может кому будет полезно, помогли дополнительные 2 строчки:
devServer: {
   inline: true,
   hot: true,
   contentBase: Path.resolve(__dirname, "../src"),
   watchContentBase: true,
 }
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artem Barshatskyi
может кому будет полезно, помогли дополнительные 2 строчки:
devServer: {
   inline: true,
   hot: true,
   contentBase: Path.resolve(__dirname, "../src"),
   watchContentBase: true,
 }
у меня вот так:
https://hastebin.com/niwiyuyupi.cpp
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
спасибо, будет на заметку
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
Есть еще вопросик, этот кейс оптимизирует изображения? Сжимает их?

{
       test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)(\?.*)?$/,
       use: {
         loader: 'file-loader',
         options: {
           name: '[path][name].[ext]'
         }
       }
     }
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
я скачал просто webpack starter и тут уже есть этот конфиг, а моя цель сжать картинки
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artem Barshatskyi
Есть еще вопросик, этот кейс оптимизирует изображения? Сжимает их?

{
       test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)(\?.*)?$/,
       use: {
         loader: 'file-loader',
         options: {
           name: '[path][name].[ext]'
         }
       }
     }
нет
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artem Barshatskyi
я скачал просто webpack starter и тут уже есть этот конфиг, а моя цель сжать картинки
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
спасибо
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Artem Barshatskyi
Есть еще вопросик, этот кейс оптимизирует изображения? Сжимает их?

{
       test: /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)(\?.*)?$/,
       use: {
         loader: 'file-loader',
         options: {
           name: '[path][name].[ext]'
         }
       }
     }
этот конфиг работает, если подключать изображения через импорт. это неудобно, проще тупо копировать папку с ассетами через copy-webpack-plugin
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
Konstantin Sedykh
этот конфиг работает, если подключать изображения через импорт. это неудобно, проще тупо копировать папку с ассетами через copy-webpack-plugin
оке, почитаю
источник

MD

Michael Daineka in Webpack — русскоговорящее сообщество
добрый, импортирую либу одну и тут такое
источник

MD

Michael Daineka in Webpack — русскоговорящее сообщество
лоадер
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
Подскажите пожалуйста, есть конфиг для прошакшена, в котором есть правило:
{
       test: /\.(ico|jpg|jpeg|png|gif)$/,
       use: [
         {
           loader: "file-loader",
           options: {
             name: "[path][name].[ext]",
             outputPath: './build',
             useRelativePath: true
           },
         },
       ],
     }

когда я билжу проект, почему картинка из моего src/images/photo.jpg не появляется в build?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Artem Barshatskyi
Подскажите пожалуйста, есть конфиг для прошакшена, в котором есть правило:
{
       test: /\.(ico|jpg|jpeg|png|gif)$/,
       use: [
         {
           loader: "file-loader",
           options: {
             name: "[path][name].[ext]",
             outputPath: './build',
             useRelativePath: true
           },
         },
       ],
     }

когда я билжу проект, почему картинка из моего src/images/photo.jpg не появляется в build?
А вы ее импортировали куда нибудь?
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
Alex CherryTea
А вы ее импортировали куда нибудь?
в плане?
источник

AB

Artem Barshatskyi in Webpack — русскоговорящее сообщество
Alex CherryTea
А вы ее импортировали куда нибудь?
использую этот пример:
https://www.youtube.com/watch?v=4figzDBw4MQ

но у меня почему то не работает 😐
источник