Size: a a a

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

2020 August 26

Е

Евгений in Webpack — русскоговорящее сообщество
Переслано от Евгений
Народ, такой вопрос. Сделал скрипт по совету
   "dev": "cross-env NODE_ENV=development webpack-dev-server --mode development",

Всё установлено, работает.
НО
Я не понимаю, что значит эта строка, то есть от слова совсем. Типа сборка не сохраняется как в обычном дев моде, а куда-то там перекидывается и браузере через какой-то порт открывается. Короче я вообще плаваю в этом. Можно простыми словами для тупых объяснить?
Да, документацию читал — ничего не понял. Гуглить оттуда каджое слово не буду.
источник

LE

Lnk Ed in Webpack — русскоговорящее сообщество
Евгений
Переслано от Евгений
Народ, такой вопрос. Сделал скрипт по совету
   "dev": "cross-env NODE_ENV=development webpack-dev-server --mode development",

Всё установлено, работает.
НО
Я не понимаю, что значит эта строка, то есть от слова совсем. Типа сборка не сохраняется как в обычном дев моде, а куда-то там перекидывается и браузере через какой-то порт открывается. Короче я вообще плаваю в этом. Можно простыми словами для тупых объяснить?
Да, документацию читал — ничего не понял. Гуглить оттуда каджое слово не буду.
"dev": имя по которому можно вызвать / npm run dev | yarn dev

cross-env NODE_ENV=development - тут задается переменная окружения NODE_ENV равная development, далее она будет доступна в webpack скриптах, если указать NODE_ENV=production то при сборке будут производиться оптимизации над кодом

webpack-dev-server --mode development - вызывается ./node_modules/.bin/webpack-dev-server c флагом mode и значением флага mode = development
источник

LE

Lnk Ed in Webpack — русскоговорящее сообщество
Lnk Ed
"dev": имя по которому можно вызвать / npm run dev | yarn dev

cross-env NODE_ENV=development - тут задается переменная окружения NODE_ENV равная development, далее она будет доступна в webpack скриптах, если указать NODE_ENV=production то при сборке будут производиться оптимизации над кодом

webpack-dev-server --mode development - вызывается ./node_modules/.bin/webpack-dev-server c флагом mode и значением флага mode = development
cross-env это тоже библиотека она стоит у вас либо глобально либо в проекте
источник

Е

Евгений in Webpack — русскоговорящее сообщество
А переменная NODE_ENV создается именно когда я прописываю cross-env NODE_ENV=development, или она уже где-то по дефолту есть? Если второе, то где она и какое у неё изначальное значение?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Евгений
А переменная NODE_ENV создается именно когда я прописываю cross-env NODE_ENV=development, или она уже где-то по дефолту есть? Если второе, то где она и какое у неё изначальное значение?
вы можете посмотреть ее значение если в конфиге вебпака напишите console.log('NODE_ENV', process.env.NODE_ENV)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
задать ее есть масса способов, я как минимум знаю способ задать ее через флаг вызова вебпака, через команду вызова вебпака (export NODE_ENV=... перед webpack), через пакет cross-env, она так же может быть задана в системе перманентно
источник

A

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

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Всем привет! При запуске wp на localhost эта картинка есть, если заливать на хостинг ее нет, появляется она, когда первый / в пути убираем. Но если ее убрать при сборке, WP выдает ошибку
источник

АН

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

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
не могу найти как этот путь поменять
источник

Е

Евгений in Webpack — русскоговорящее сообщество
Lnk Ed
"dev": имя по которому можно вызвать / npm run dev | yarn dev

cross-env NODE_ENV=development - тут задается переменная окружения NODE_ENV равная development, далее она будет доступна в webpack скриптах, если указать NODE_ENV=production то при сборке будут производиться оптимизации над кодом

webpack-dev-server --mode development - вызывается ./node_modules/.bin/webpack-dev-server c флагом mode и значением флага mode = development
спасибо
источник

Е

Евгений in Webpack — русскоговорящее сообщество
Alex CherryTea
например в докер образе
А что это такое?)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Андрей Неумыванный
не могу найти как этот путь поменять
publicPath попробуй поменять на ""
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Евгений
А что это такое?)
погугли
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Alex CherryTea
publicPath попробуй поменять на ""
его же в output прописывать? у меня просто его нет соввсем
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Alex CherryTea
publicPath попробуй поменять на ""
все равно ошибка
источник

АН

Андрей Неумыванный... in Webpack — русскоговорящее сообщество
Alex CherryTea
publicPath попробуй поменять на ""
это происходит только с путями в scss
источник

В

Валентин in Webpack — русскоговорящее сообщество
Привет, что вы используете для разных настроек в дев режиме и в продакшене?
Для ноды есть плагин конфиг, что-то похожее есть для клиентской разработки?
источник

A

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Валентин
Привет, что вы используете для разных настроек в дев режиме и в продакшене?
Для ноды есть плагин конфиг, что-то похожее есть для клиентской разработки?
Что ты хочешь сделать?
источник