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

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 15 марта 2017 г.

09:52:53 ДП
User 97081120
User 152816933
Ребят, а как вы svg спрайты билдите для своих реактов и д.р. 
Я сейчас это делаю через inline-loader (вставляет спрайт в body), а сам спрайт ручками с помощью cli.
хз, мб тебе ен совсем то надо, но на webpack-spritesmith смотрел?
09:58:09 ДП
User 107282384
Привет, меня зовут Максим, и я роботофил. Познакомимся?
09:58:53 ДП
User 32530886
Привет, Максим. Что?!
09:59:00 ДП
User 63995685
😂😂😂
09:59:09 ДП
User 63995685
Работофил ахахахахах
09:59:18 ДП
User 107282384
Я уже закончил, на фото... Она мне больше не интересна
09:59:32 ДП
User 107282384
Так что, забудем))
10:09:53 ДП
User 97081120
если ты роботофил, то послушай музыку роботов: play.mubert.com
11:14:03 ДП
User 71695919
User 97081120
если ты роботофил, то послушай музыку роботов: play.mubert.com
там же псевдо
11:19:07 ДП
User 97081120
Нейронка вроде, не?
11:19:24 ДП
User 1926270
Нейронная, ага
11:28:17 ДП
User 71695919
User 97081120
Нейронка вроде, не?
ну я думал, что там не будут повторяться треки или за очень редким исключением
но все наоборот
11:29:14 ДП
User 63995685
Ребят, а как во второй Webpack перетащить вот этот конфиг подскажите:
postcss() {
    return [
      require('autoprefixer'),
      require('precss')
    ];
  },
11:29:52 ДП
User 97081120
User 71695919
ну я думал, что там не будут повторяться треки или за очень редким исключением
но все наоборот
Мб рекурентная и переобучилась?
11:30:18 ДП
User 71695919
User 97081120
Мб рекурентная и переобучилась?
ну я на релизе послушал пару дней и все
возможно
11:30:49 ДП
User 182928241
Можно в loader-ах вместо списка строк сделать список объектов, где будут уже твои опции. Т.е.:
module: { rules: [ ..., { test: /\.css$/, use: [ { loader: 'postcss-loader', options: { .... } } ] } ] }
11:31:55 ДП
User 182928241
https://webpack.js.org/configuration/module/#rule-use
11:32:09 ДП
User 63995685
у меня так:
{
      test: /\.scss$/,
      use: [
        {
          loader: "style-loader"
        },
        {
          loader: "css-loader"
        },
        {
          loader: "postcss-loader"
        },
        {
          loader: "sass-loader"
        }
      ]
    }
11:32:21 ДП
User 182928241
Ну вот, добавить уже в postcss поле options
11:32:39 ДП
11:36:02 ДП
User 63995685
я похоже чет неправильно сделал:
{
      test: /\.scss$/,
      use: [
        {
          loader: "style-loader"
        },
        {
          loader: "css-loader"
        },
        {
          loader: "postcss-loader",
          options: [
            require('autoprefixer'),
            require('precss')
          ]
        },
        {
          loader: "sass-loader"
        }
      ]
    }
11:36:17 ДП
User 182928241
Надо уже в options поле plugins наверное
11:37:53 ДП
User 63995685
User 182928241
https://webpack.js.org/configuration/module/#rule-use
вот тут нет такого
11:38:03 ДП
User 63995685
там options внутри лоадеров
11:38:10 ДП
User 182928241
?? так и надо
11:38:22 ДП
User 63995685
я так и сделал но все равно ошибка
11:38:37 ДП
User 182928241
Ты внимательно посмотри. rules - список Rule, в Rule может быть use, который список объектов
11:38:43 ДП
User 182928241
Странно
11:38:58 ДП
User 63995685
https://www.screencast.com/t/aDr7KgG7rv
screencast.com/t/aDr7KgG7rv
Shared from Screencast.com
11:39:31 ДП
User 182928241
Покажи конфиг
11:39:37 ДП
User 182928241
Мне кажется, ты что-то делаешь не так
11:39:41 ДП
User 63995685
https://gist.github.com/ArtemMaximum/f6b469d99004cb84d9617ebe32deb715
gist.github.com/ArtemMaximum/f6b469d99004cb84d9617ebe32deb715
11:40:19 ДП
User 182928241
options: { plugins: [ ... ] }
11:40:46 ДП
User 63995685
плагины в options должны лежать?
11:40:55 ДП
User 182928241
module.exports.options убери, это не по схеме
11:41:37 ДП
User 63995685
убрал, тоже самое
11:41:50 ДП
User 182928241
Вот тут добавить поле plugins
11:42:30 ДП
User 63995685
я не понял что значит после pplugins там их нет же
11:42:35 ДП
11:43:05 ДП
User 182928241
{ test: /\.css$/, use: [ ... { loader: 'postcss-loader', options: { plugins: [ ... ] } } ] }
11:44:48 ДП
User 63995685
WebpackOptionsValidationError: Invalid configuration object.
11:45:01 ДП
User 182928241
Покажи текущий конфиг
11:45:15 ДП
User 63995685
{
      test: /\.scss$/,
      use: [
        {
          loader: "style-loader"
        },
        {
          loader: "css-loader"
        },
        {
          loader: "postcss-loader",
          options: {
            plugins: [
              require('autoprefixer'),
              require('precss')
            ]
          }
        },
        {
          loader: "sass-loader"
        }
      ]
    }
11:45:35 ДП
User 182928241
А покажи, что говорит вебпак
11:46:06 ДП
User 63995685
https://www.screencast.com/t/4jFIrM9DnW
screencast.com/t/4jFIrM9DnW
Shared from Screencast.com
11:46:39 ДП
User 182928241
А там уже твои ошибки, посмотри внимательно
11:46:52 ДП
User 182928241
В resolve.extensions нельзя пустые строки
11:47:07 ДП
User 182928241
Убери это. Ну и убери module.exports.progress, не нравится ему
11:47:38 ДП
User 182928241
И да, json-loader тоже не надо больше
11:48:11 ДП
User 63995685
я вроде вырезал его
11:48:31 ДП
User 63995685
не везде значит))
11:48:41 ДП
User 182928241
https://github.com/webpack-contrib/extract-text-webpack-plugin
github.com/webpack-contrib/extract-text-webpack-plugin
Extracts text from bundle into a file. Contribute to webpack-contrib/extract-text-webpack-plugin development by creating an account on GitHub.
11:48:57 ДП
User 182928241
ExtractText тоже изменился и поумнел, посмотри внимательно доки
11:49:12 ДП
User 63995685
ок спасибо
11:49:31 ДП
User 182928241
RHL желательно до 3 апнуть, в babelrc плагин, в entry import 'react-hot-loader/patch'
11:49:34 ДП
User 182928241
Пожалуйста )
11:49:46 ДП
User 182928241
https://webpack.js.org/guides/
11:49:56 ДП
User 182928241
Рекомендую посмотреть, тут и по HMR, и по CSS
11:50:08 ДП
11:50:09 ДП
User 182928241
Удачи
11:50:15 ДП
User 63995685
спасибо гляну
01:00:19 ПП
User 63995685
User 182928241
RHL желательно до 3 апнуть, в babelrc плагин, в entry import 'react-hot-loader/patch'
ты не мог бы поподробней об этом рассказать @yogurt1 ?
01:00:35 ПП
User 182928241
Я тебе ссылку скинул, там все есть подробно, подробнее некуда
01:01:06 ПП
User 63995685
нижняя?
01:01:20 ПП
User 182928241
webpack.js.org/guides
01:01:49 ПП
User 63995685
спасибо еще раз, извини тупанул )))
02:48:43 ПП
User 65696759
Ребзи, решил тут на второй вебпак перекатиться, но при сборке выдает следущее
02:48:50 ПП
02:48:58 ПП
User 65696759
как пофиксить?
02:50:56 ПП
User 63995685
я прошел через это ))) старые конфиги не прокатывают
02:51:04 ПП
User 63995685
вот миграция 
https://webpack.js.org/guides/migrating/
02:51:51 ПП
User 63995685
скинь конфиг, может я смогу указать что там нетак
02:52:30 ПП
User 65696759
Спасибо за ссылку, нашел пару косяков
02:52:31 ПП
02:52:40 ПП
02:55:09 ПП
User 32530886
User 65696759
Спасибо за ссылку, нашел пару косяков
Ещё в помощь: webpack.js.org/configuration
02:57:15 ПП
User 182928241
В таких случаях скидывайте сразу весь вывод, теперь вебпак валидирует конфиг, и очень подробно говорит, где что не так
03:00:18 ПП
User 63995685
@yogurt1 можно вопрос?
03:00:23 ПП
User 182928241
Можно
03:01:09 ПП
User 63995685
в HMR сказано про вот эти пакеты
npm install --save-dev babel-core@6.13.2 babel-loader@6.2.4 babel-preset-es2015@6.13.2 babel-preset-react@6.11.1 babel-preset-stage-2@6.13.0 css-loader@0.23.1 postcss-loader@0.9.1 react-hot-loader@3.0.0-beta.6 style-loader@0.13.1 webpack@2.1.0-beta.25 webpack-dev-server@2.1.0-beta.0
среди них дофига тех что в beta это не страшно для prod-a?
03:04:34 ПП
User 182928241
Ну ты же не в прод тащишь RHL 😊. Ничего страшного нет, я пока проблем не испытывал. Ставить надо тебе react-hot-loader@next.
03:04:43 ПП
User 182928241
Остальное не надо, у тебя все. что нужно, есть
03:05:12 ПП
User 63995685
бля точно ))) я же для дева делаю сборку
03:05:20 ПП
User 63995685
вот это тупанул ахахахах )))
03:05:31 ПП
User 182928241
Могут быть проблемы с RRv3. Я решил переходом на RRv4 )
03:05:37 ПП
User 63995685
это что?
03:05:41 ПП
User 182928241
React-Router
03:05:44 ПП
User 63995685
ааа понял
03:05:51 ПП
User 182928241
Кто нибудь собирал ReactNative Webpack-ом?
03:06:13 ПП
User 63995685
я бы хотел собрать но пока не доводилось
03:07:26 ПП
User 63995685
вот это нашел, может поможет
03:07:27 ПП
User 63995685
https://github.com/mjohnston/react-native-webpack-server
github.com/mjohnston/react-native-webpack-server
react-native-webpack-server - Build React Native apps with Webpack
03:08:52 ПП
User 182928241
Я тоже это находил, хотелось бы узнать, может кто пробовал, с какими проблемами сталкивался