Size: a a a

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

2020 February 28

MA

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

IK

Iliya Kobaliya in Webpack — русскоговорящее сообщество
Maxim Antsiferov
попробуй так
повыалзило очень много ошибок
источник

MA

Maxim Antsiferov in Webpack — русскоговорящее сообщество
Iliya Kobaliya
повыалзило очень много ошибок
Покажи
источник

MA

Maxim Antsiferov in Webpack — русскоговорящее сообщество
а, добавь еще .js
источник

IK

Iliya Kobaliya in Webpack — русскоговорящее сообщество
вот такие ошибки повылазили ERROR in ./node_modules/@material-ui/lab/esm/Alert/index.js
Module not found: Error: Can't resolve './Alert' in '/home/intern/Public/CalculatorWithServer/js-seed/node_modules/@material-ui/lab/esm/Alert'
источник

IK

Iliya Kobaliya in Webpack — русскоговорящее сообщество
ERROR in ./node_modules/@material-ui/styles/esm/index.js
Module not found: Error: Can't resolve './useTheme' in '/home/intern/Public/CalculatorWithServer/js-seed/node_modules/@material-ui/styles/esm'
источник

MA

Maxim Antsiferov in Webpack — русскоговорящее сообщество
Maxim Antsiferov
а, добавь еще .js
После добавления .js?
источник

IK

Iliya Kobaliya in Webpack — русскоговорящее сообщество
Я точку не поставил) Блин теперь новая проблема,ошибки не выпадают , но ничего не отображается
источник

IK

Iliya Kobaliya in Webpack — русскоговорящее сообщество
В консоли Uncaught ReferenceError: babelHelpers is not defined
источник

IK

Iliya Kobaliya in Webpack — русскоговорящее сообщество
После того как babel транспилирует,он в error boundary component добавляет стороку babelHelpers.inherits(ErrorBoundary, _Component); и ругается на нее
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
Iliya Kobaliya
После того как babel транспилирует,он в error boundary component добавляет стороку babelHelpers.inherits(ErrorBoundary, _Component); и ругается на нее
тебе надо babel-runtime подключить
источник
2020 February 29

T🐜

The Ant 🐜 in Webpack — русскоговорящее сообщество
а какой там плагин для вебпака вырезает все неиспользуемые стили в цсс?
источник

А

Алексей in Webpack — русскоговорящее сообщество
PurgeCss
источник

А

Алексей in Webpack — русскоговорящее сообщество
Но если у тебя есть классы вставляемые js'ом, надо ему путь указать к этим файлам
источник
2020 March 01

T🐜

The Ant 🐜 in Webpack — русскоговорящее сообщество
Алексей
PurgeCss
Спасибо :)
источник

e

el_anonimo in Webpack — русскоговорящее сообщество
Приветствую.
Последние версии webpack, uglifyjs-webpack-plugin. В проде в webpack.prod.config.js прописан source-map:
devtool: 'source-map'
Получаю ворнинг WARNING in bundle.js contains invalid source map.
Насколько нагуглил, это вызывает uglifyjs-webpack-plugin.

Итого, вопрос: какой devtool использовать в Webpack в prod'e? Т. к. причина выше не лечится.
источник

e

el_anonimo in Webpack — русскоговорящее сообщество
Перехожу на terser-webpack-plugin. Ниже правильно? Для прода.
devtool: 'source-map',
 optimization: {
   minimize: true,
   minimizer: [
     new TerserPlugin({
       test: /\.js$/,
       exclude: /node_modules/,
       sourceMap: true
     })
   ]
 }
источник

RU

Roman Usherenko in Webpack — русскоговорящее сообщество
el_anonimo
Перехожу на terser-webpack-plugin. Ниже правильно? Для прода.
devtool: 'source-map',
 optimization: {
   minimize: true,
   minimizer: [
     new TerserPlugin({
       test: /\.js$/,
       exclude: /node_modules/,
       sourceMap: true
     })
   ]
 }
какой вебпак? там у них с какойто версии по умолчанию терсер
источник

e

el_anonimo in Webpack — русскоговорящее сообщество
Roman Usherenko
какой вебпак? там у них с какойто версии по умолчанию терсер
^4.41.6. В конфиге выше строка minimize: true обязательна? Этот тот же minimize, который убирает пробелы в css файлах?

Terser лучше в optimization или в plugins?

Алсо смущает необходимость повторять
test: /\.js$/,
exclude: /node_modules/,
Это уже указано в
{
 test: /\.js$/,
 exclude: /node_modules/,
 loader: [
   'babel-loader',
   'eslint-loader'
 ]
}
Такое повторение нормально?

В проде нужен
'eslint-loader'
для .js файлов?
источник

e

el_anonimo in Webpack — русскоговорящее сообщество
MinifyJS тоже нынче устарел и нужно юзать terser?
источник