В логе, видим ошибку: Using removed Babel 5 option: base.optional - Put the specific transforms you want in the `plugins` option.
1) переводим, если что через переводчик.
2) копируем, вставляем в гугл (видим внизу несколько решений)
3) еще гуглим, находится даже stackoverflow на русском
jtag_, это должно происходить, если внутри ./public/javascripts/index.js нигде нет подключения ваших less файлов. Он их не находит, таску делать нечего.
Еще вариант, что вам все же нужен js лоадер, так как изначально вы обрабатываете js файл.
jtag_, используйте последнюю, если нет особого требования использовать webpack 1.
В документации есть готовые рецепты по поводу less/sass + extractTextPlugin
jwwwe, вам нужно еще раз почитать документацию по реакту, и по редаксу. Сначала рекомендую сделать запрос в API без redux (какой-нибудь простой), а потом уже с использованием redux. Здесь найдете пример. Если будет непонятно, черканите на почту, возможно у вас есть "провалы" в основах, подскажу куда копать.
Денис Каракчиев, а это тоже приходит со временем (точнее проходит со временем). Когда надоедает суета и находится инструмент по душе, с помощью которого вы выполняете задачи и заказчик доволен вы с ним [с инструментом] начинаете дружить плотно. Даже бывает, что так уже никто не пишет, а вы все еще пишите и все еще зарабатываете.
sergemin, делать нужно что-то, чем вы увлекаетесь, так будет веселее. Вытащите из Dota2 свои игры, или самые залайканые фотки вконтакте, и в таком духе... главное поработать:
а) с асинхронными запросами
б) с получением и отрисовкой данных, с отправкой данных (то есть запросов на бэкэнд).
Иными словами, берете любой публичный API, который вам интересен и к нему пишите клиента.
sergemin, они немного устарели в плане пакетов и может быть местами кода (особенно в туториале про редакс - устарел вебпак), но суть там в порядке. Если что, напишите на почту, помогу разобраться.
p.s. туториал про крестики-нолики хорош? подкиньте ссылку.
Денис Каракчиев: скорее всего, вам нужно просто писать. Проблема с поиском "лучшего" курса, она постоянная. Для изучения JS с головой хватит сайта learn.javascript.ru (проделав там задачки), либо платных курсов по основам js там же. И практики, много практики, только так. Чтобы не тупить потребуется несколько лет разработки, но кайф в том, что можно "тупить" и уже разрабатывать (джуном, или на позиции не сложных вещей, типа лендингов + jquery, рука набивается, мозги практикуются и готовы к перечитыванию основ).
beefront17: если добавить redux-saga, reselect, RxJs и еще разных "классных штук" ваше предложение волшебным образом не будет "нормальным рабочим". Эти все технологии нужны, когда вы это четко понимаете (я например, к печали или радости, до сих пор не понял зачем мне саги или реселект и тд). Считаю, что Олег Гамега вам все правильно расписал.
Амир: наверняка, в той другой вашей песочнице, инпуты рисовались несколько иначе, так как значения там могли бы оставаться если бы они не "перерисовывались".
KnightForce для ускорения решиния проблемы, советую сделать минимальный кусочек кода с примером и выложить его на гитхаб. Скинуть ссылку сюда. Возможно, пока будете делать этот минимальный пример - уже и "зависания" уйдут. Тогда ищите отличия между минимальным набором и вашим текущим кодом.
virtualhero: один лоадер удалить, один оставить. В массиве rules, на каждый тип файлов должен быть один "кусок" обрабокти. То есть, два раза test: /\.scss$/, быть не должно.
jspie: нет. Зачем вам в продакшене webpackDevMiddleware ? Ваш продакшен, это сервер, который раздает статичные файлы. Например: index.html + bundle.js
Ваш продакшен, если еще упростить для примера, это какой-нибудь бесплатный хостинг, на который вы по ФТП зальете index.html + bundle.js (файл скриптов) + возможно статичные вещи (шрифты, картинки, стили).
Если взять пример посложнее, то express сервер умеет раздавать статику и быть api сервером при этом...
Отвечая на ваш вопрос: как использовать webpack в продакшене: приготовить с помощью него файл скриптов+стилей и все. Это как раз делается с помощью webpack -p, и если нужно (обычно нужно) какого-то иного продакшен конфига.
