Size: a a a

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

2020 October 05

КЛ

Константин Лебедев... in Webpack — русскоговорящее сообщество
Есть кто живой?
источник

RU

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Константин Лебедев
Всем привет. А как сжать изображения в случайной папке которой нет entry?
в случайной папке?? которой нет entry???
источник

КЛ

Константин Лебедев... in Webpack — русскоговорящее сообщество
Alex CherryTea
в случайной папке?? которой нет entry???
ну любую папку, как в ней сжать изображения
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Константин Лебедев
ну любую папку, как в ней сжать изображения
zip /lubaya_papka zhatie_izobrajenia.zip
источник

КЛ

Константин Лебедев... in Webpack — русскоговорящее сообщество
Alex CherryTea
zip /lubaya_papka zhatie_izobrajenia.zip
а в вебпак как это реализовать?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Константин Лебедев
а в вебпак как это реализовать?
вам как cжать изображения надо? Вы в gzip хотите? или просто jpeg с компрессией по сильнее? Или вы хотите сжать путем конвертации в webp ?
источник

КЛ

Константин Лебедев... in Webpack — русскоговорящее сообщество
Alex CherryTea
вам как cжать изображения надо? Вы в gzip хотите? или просто jpeg с компрессией по сильнее? Или вы хотите сжать путем конвертации в webp ?
Да jpeg по сильнее
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Константин Лебедев
Да jpeg по сильнее
источник

КЛ

Константин Лебедев... in Webpack — русскоговорящее сообщество
да отличный плагин, а если их еще и сконвертировать нужно?🙈
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Выясните что вам нужно, сформулируйте вопрос, поищите в гугле
источник

КЛ

Константин Лебедев... in Webpack — русскоговорящее сообщество
Alex CherryTea
Выясните что вам нужно, сформулируйте вопрос, поищите в гугле
есть папка ее нужно сконвертировать в jpeg и сжать и положить в dist. Форматы из которых нужно конвертануть png
источник

y

ymdev in Webpack — русскоговорящее сообщество
Тут есть кто-нибудь, кто кастомизировал конфиг nextjs (stylus принести + изменить названия классов + свой postcss конфиг) ?
Я руками могу любой конфиг сделать, а вот в рамках next хренушки
источник

y

ymdev in Webpack — русскоговорящее сообщество
ymdev
Тут есть кто-нибудь, кто кастомизировал конфиг nextjs (stylus принести + изменить названия классов + свой postcss конфиг) ?
Я руками могу любой конфиг сделать, а вот в рамках next хренушки
Вот мой тестовый конфиг https://pastebin.com/GZ5c3CxW
Первое, что тут не работает, названия классов в css-модулях не меняется.  Именует ._2tiFD-ami-jBRJGUrrWdnE вместо того, чтобы начать с a, b и т.д.

Следующая проблема - при изменений postcss-конфига я получаю ошибку
./src/styles/default.styl
TypeError: Invalid PostCSS Plugin found at: plugins[0]

(.../postcss.config.js)
   at Array.forEach (<anonymous>)


> Build error occurred
Error: > Build failed because of webpack errors
   at build (.../node_modules/next/dist/build/index.js:15:918)


А сам конфиг postcss.config.js
module.exports = {
 plugins: [
   [
     'postcss-momentum-scrolling',
     ['scroll'],
   ],
   'autoprefixer',
   'postcss-combine-duplicated-selectors',
   'postcss-combine-media-query',
 ],
}
источник

VV

Vlad Vovk in Webpack — русскоговорящее сообщество
Здравствуйте ребята
я джун) попал на один проект, который писали до меня бекендеры 4 года
проект на реакте
для типизации тут зоопарк
немного flow, propTypes, и куча компонентов без типизации
тепер меня попросили добавить сюда TS, но сделать переход безболезненным, чтобы старые файли работали как раньше и не трогать их конфиги
а новые файли писать уже ts tsx и для них нужно задать свои правила eslint
и вот тут у меня проблема
у меня либо ts/tsx нормально работает, либо старые файлы

вопрос в том, могу ли я как то задать отдельно eslintrc для новых файлов?

вот кусочек webpack.config.js

...
     {
         test: /\.(jsx|js)$/,
         include: path.join(__dirname, "src"),
         exclude: [
           path.join(__dirname, "src/configDebug.js"),
           path.join(__dirname, "node_modules/")
         ],
         use: ["babel-loader", "eslint-loader"]
       },
       {
         test: /\.(ts|tsx)$/,
         include: path.join(__dirname, 'src'),
         exclude: [
           path.join(__dirname, 'src/configDebug.js'),
           path.join(__dirname, "node_modules/")
         ],
         use: ['awesome-typescript-loader']
       },
...


вот сам eslintrc
в нем не знаю как мне задать отдельно парсеры для ts/tsx и js/jsx
то что в коментах, работает для ts, но дает ошибки для js

{
 "parser": "babel-eslint",
 //  "parser": "@typescript-eslint/parser",
 "settings": {
   ...
   "import/resolver": {
     "node": {
       "paths": ["src"],
       "extensions": [".js", ".jsx", ".ts", ".tsx"]
     }
   }
 },
 "extends": [
   ...
   // "plugin:@typescript-eslint/recommended"
   "plugin:flowtype/recommended"
 ],
 "plugins": ["react", "flowtype"],
 // "plugins": ["react", "@typescript-eslint"],
 ...
}
источник

M🔥

Mike Khromov 🔥 in Webpack — русскоговорящее сообщество
Совет: сделай две сборки, для старого функционала и для нового. Объединяй как хочешь. Почитай про микрофронтенд
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
оригинально
источник

VV

Vlad Vovk in Webpack — русскоговорящее сообщество
Mike Khromov 🔥
Совет: сделай две сборки, для старого функционала и для нового. Объединяй как хочешь. Почитай про микрофронтенд
окей, спасибо
источник

M🔥

Mike Khromov 🔥 in Webpack — русскоговорящее сообщество
Если что пиши в личку, может даже чем помогу
источник

VV

Vlad Vovk in Webpack — русскоговорящее сообщество
окей, спасибо
источник