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

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

974 members

Архив канала @webpack_ru 12 мая 2017 г.

06:28:06 ДП
User 204484928
User 351146
https://www.npmjs.com/package/parallel-webpack собственно
npmjs.com/package/parallel-webpack
Builds multiple webpack configurations in parallel and allows you to easily create variants to those configurations.
Вот это + happypack творят чудеса
06:28:55 ДП
User 351146
он из коробки практически работает?
06:29:45 ДП
User 133584063
практически, мэйнтейнер, говорит что если бандл меньше 2500 модулей, то прирост будет минимальный
06:29:56 ДП
User 133584063
почему так, мне неизвестно)
06:30:46 ДП
User 133584063
у меня на проекте завелся, но прирост был 7%, на 2к модулей
06:30:53 ДП
User 204484928
Я вчера потестил, ребилд hmr с 900мс упал до 400
06:31:08 ДП
User 204484928
Это с happypack в 4 потока
06:31:13 ДП
User 204484928
С кешем
06:31:18 ДП
User 133584063
везет
06:31:20 ДП
User 351146
прикольно, спасибо за наводку
06:32:12 ДП
User 204484928
Но я не исключаю, что у меня просто в тот момент ноут лагал, поьому и было 900 мс )
06:33:12 ДП
User 204484928
Жаль он с осом тайпскрипт лоадером не работает
06:33:34 ДП
User 204484928
Я б на свой проект прикрутил бы
06:34:58 ДП
User 133584063
еще сокра недавно набахал https://github.com/webpack-contrib/cache-loader
github.com/webpack-contrib/cache-loader
cache-loader - Caches the result of following loaders on disk
06:35:07 ДП
User 133584063
тоже кому-то помогает сильно
06:36:33 ДП
User 204484928
Есть еще hard-sources-чототам-loader
06:36:43 ДП
User 204484928
Или плагин
06:36:49 ДП
User 204484928
Не помню
02:25:21 ПП
User 107282384
Ребята, а как правильно импортировать шрифты? Тот же самый font-awasome
02:28:27 ПП
User 90824146
User 107282384
Ребята, а как правильно импортировать шрифты? Тот же самый font-awasome
у меня так
    }, {
      test: /\.woff$/,
      loader: 'url-loader',
      query: {
        limit: 65000,
        mimetype: 'application/font-woff',
        name: 'static/fonts/[hash].[ext]',
      },
    },
02:29:54 ПП
User 55423102
А какой смысл вообще в base64 шрифты перегонять. Пусть как файл будут отдельный и кешироваться отдельно
02:30:56 ПП
User 107282384
Спасбо большое
02:32:37 ПП
User 90824146
User 55423102
А какой смысл вообще в base64 шрифты перегонять. Пусть как файл будут отдельный и кешироваться отдельно
Так это наоборот, чтобы они кешировались вместе с проектом (:
02:33:25 ПП
User 55423102
User 90824146
Так это наоборот, чтобы они кешировались вместе с проектом (:
Ну шрифт он же меняется раз в пятилетку. А с проектом при любом обновлении рядом пользователям качать его заново
02:36:00 ПП
User 90824146
User 55423102
Ну шрифт он же меняется раз в пятилетку. А с проектом при любом обновлении рядом пользователям качать его заново
🤔 согласен, надо будет еще нагуглить первоисточник (я это взял из "100 способов подключить шрифты в вебпаке") и посмотреть, чем там мотивировали такой подход
02:36:55 ПП
User 55423102
При конвертации в base64 вроде ещё и весить больше начнёт. Так что file-loader спасет мир :)
02:38:06 ПП
User 178689889
https://www.zachleat.com/web/web-font-data-uris/
zachleat.com/web/web-font-data-uris
A post by Zach Leatherman (zachleat), a Front End Engineer.
02:43:51 ПП
User 351146
для fa отдельный плагин есть, который еще настройки дает
02:44:41 ПП
User 351146
https://www.npmjs.com/package/font-awesome-webpack MadMax
npmjs.com/package/font-awesome-webpack
font-awesome package for webpack
02:48:11 ПП
User 90824146
User 178689889
https://www.zachleat.com/web/web-font-data-uris/
zachleat.com/web/web-font-data-uris
A post by Zach Leatherman (zachleat), a Front End Engineer.
интересно 🤔
02:52:16 ПП
User 712443
ребитя, подскажите по babel-plugin-transform-react-remove-prop-types
.babelrc
{
  "presets": [
    ["es2015", { "modules": false }], "stage-2", "react"],
  "env": {
    "production": {
      "plugins": ["transform-react-remove-prop-types", {
        "mode": "remove"
      }]
    },
    "development": {
      "plugins": [
        "react-hot-loader/babel"
      ]
    }
  }
}
что то  ничего он не удалят, что я не так сделал?
02:55:17 ПП
User 32530886
не поставил NODE_ENV?
02:57:22 ПП
User 712443
при запуске билда стоит, и если делать так, то билд становится меньше
ModalWindow.propTypes = process.env.NODE_ENV !== 'production' ? {
    addHome: React.PropTypes.func.isRequired,
    joinHome: React.PropTypes.func.isRequired,
} : {};

но как то стремно во всем проекте проставлять  в проптайсах такое условие
02:57:34 ПП
User 712443
как я понял оно и без него должно вырезать
02:57:40 ПП
02:57:54 ПП
User 32530886
NODE_ENV=production webpack -p
02:58:03 ПП
User 32530886
там не надо ставить
02:58:22 ПП
User 712443
"scripts": {
    "build": "set NODE_ENV=production && webpack -p —config webpack.config.js",
03:02:27 ПП
User 32530886
мб лучше cross-env?
03:06:12 ПП
User 712443
попробую
04:03:42 ПП
User 156805060
можно как нить узнать, что тригерит ребилд в вебпаке? а то я как запускаю, он начинает бешено ребилдиться сразу, хотя в бандл сгенереный он явно не смотрит
04:04:22 ПП
User 32530886
User 156805060
можно как нить узнать, что тригерит ребилд в вебпаке? а то я как запускаю, он начинает бешено ребилдиться сразу, хотя в бандл сгенереный он явно не смотрит
скорее всего смотрит в директорию output'а
04:04:29 ПП
User 156805060
хотя в какой то момент останавливается и после обновления файлов перестает так делать
04:04:54 ПП
User 156805060
User 32530886
скорее всего смотрит в директорию output'а
если бы после каждого сохранения он так делал, мб так бы и было
04:05:15 ПП
User 156805060
но после того как он успокоится, дальше начинает нормально вотчить
04:05:27 ПП
User 32530886
странно
04:05:28 ПП
User 32530886
второй?
04:05:34 ПП
04:05:48 ПП
User 32530886
проверь версию плагинов
04:05:54 ПП
User 32530886
чтобы все умели в вебпак
04:06:00 ПП
User 32530886
у меня подобное было когда с версиями трабла
04:06:23 ПП
User 156805060
да там есть то бабел с ts лоадером
04:06:32 ПП
User 156805060
ток седня апнул
04:07:05 ПП
04:08:33 ПП
User 156805060
такое ощущение как бдуто 2 билда одновременно запускаются
04:08:41 ПП
User 156805060
хотя мультитаргет выпилил
04:42:08 ПП
User 127482995
module: {
    loaders: [
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract({
          loader: 'css-loader?importLoaders=1!postcss-loader'
        }),
      },
    ],
  },
04:42:27 ПП
User 127482995
такой код используется только для вебкап  1.* ?
04:42:39 ПП
User 127482995
или во второй версии так же писать можно
06:14:43 ПП
User 127482995
есть кто живой в пятницу вечером?)
06:31:27 ПП
06:44:05 ПП
User 178689889
User 127482995
есть кто живой в пятницу вечером?)
здравствуйте
06:47:17 ПП
User 90824146
User 127482995
есть кто живой в пятницу вечером?)
дратути
06:48:00 ПП
06:48:12 ПП
User 127482995
всем хороших выходных_)
06:48:19 ПП
User 127482995
а у меня маленький вопросик
06:49:37 ПП
User 127482995
как вы работает с проектами, каждый раз все плагины локально устанавливаете или глобально?
07:31:09 ПП
User 178689889
не совсем понял вопрос
07:31:27 ПП
User 178689889
это из разряда вброса бирмана - использовать нпм или подключть js в html?
07:35:29 ПП
User 334671707
User 127482995
как вы работает с проектами, каждый раз все плагины локально устанавливаете или глобально?
git clone project
cd ./project
npm install
Все в локальном нодмодулес

По первому вопросу - посмотри на лоадер стилей.

=/
07:38:52 ПП
User 127482995
User 334671707
git clone project
cd ./project
npm install
Все в локальном нодмодулес

По первому вопросу - посмотри на лоадер стилей.

=/
понятно, спасибо Алёна.
07:55:34 ПП
User 127482995
а как сделать чтобы при обработке css , страничка обновлялась?
07:57:17 ПП
User 127482995
а тто как то медленно все происходит у меня) с gulp шустрее все было