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

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

974 members

Архив канала @webpack_ru 30 июня 2017 г.

07:51:48 ДП
User 241862943
Подскажите пожалуйста, использую import() внутри кода, но компил. ругается и говорит что нужно в начале файла использовать.
Сделал согласно доки https://webpack.js.org/api/module-methods/#import-

App.js - https://pastebin.com/P28Cm4Hq
webpack-config - 
https://pastebin.com/ASJVfgcf
08:33:11 ДП
User 215655868
User 241862943
Подскажите пожалуйста, использую import() внутри кода, но компил. ругается и говорит что нужно в начале файла использовать.
Сделал согласно доки https://webpack.js.org/api/module-methods/#import-

App.js - https://pastebin.com/P28Cm4Hq
webpack-config - 
https://pastebin.com/ASJVfgcf
import React from 'react'
import _ from 'lodash'
08:34:23 ДП
User 32530886
User 241862943
Подскажите пожалуйста, использую import() внутри кода, но компил. ругается и говорит что нужно в начале файла использовать.
Сделал согласно доки https://webpack.js.org/api/module-methods/#import-

App.js - https://pastebin.com/P28Cm4Hq
webpack-config - 
https://pastebin.com/ASJVfgcf
уже писал. Не надо юзать import().then для динамического подключения npm-зависимостей
он не для этого
08:36:03 ДП
User 215655868
и не импортируй весь лодаш - он большой, импортируй только нужные методы
import _forEach from 'lodash/forEach'
08:37:30 ДП
User 32530886
User 215655868
и не импортируй весь лодаш - он большой, импортируй только нужные методы
import _forEach from 'lodash/forEach'
подчерк лучше не ставить, но да
08:38:30 ДП
User 215655868
вот я только не знаю, если сделать так
import {forEach} from 'lodash'
будет ли весь лодаш подключен или нет? Сова
08:48:05 ДП
User 244866690
User 215655868
вот я только не знаю, если сделать так
import {forEach} from 'lodash'
будет ли весь лодаш подключен или нет? Сова
Весь
08:48:41 ДП
User 244866690
Частично только через lodash/lib/funcName
08:50:45 ДП
User 32530886
User 215655868
вот я только не знаю, если сделать так
import {forEach} from 'lodash'
будет ли весь лодаш подключен или нет? Сова
да
08:51:00 ДП
User 32530886
User 215655868
вот я только не знаю, если сделать так
import {forEach} from 'lodash'
будет ли весь лодаш подключен или нет? Сова
лодаш не оптимизирован под такую подгрузку
ramda вроде может
А и ещё polished
08:55:00 ДП
User 1340580
User 215655868
вот я только не знаю, если сделать так
import {forEach} from 'lodash'
будет ли весь лодаш подключен или нет? Сова
Есть бабель плагин который анализирует что используется в модуле и подключает только то что нужно. Подключаешь как import _ from 'lodash' и не паришься.
08:55:23 ДП
User 1340580
^ Он работает, кстати?
08:55:28 ДП
User 32530886
User 1340580
Есть бабель плагин который анализирует что используется в модуле и подключает только то что нужно. Подключаешь как import _ from 'lodash' и не паришься.
не так
а import { map } from 'lodash'
да бабель плагин есть npmjs.com/babel-plugin-lodash
npmjs.com/package/babel-plugin-lodash
Modular Lodash builds without the hassle.
08:56:16 ДП
User 1340580
Почему?
08:56:39 ДП
08:56:47 ДП
User 32530886
User 1340580
Почему?
потому что не всегда он нормально резолвит
вот
08:57:16 ДП
User 1340580
¯\_(ツ)_/¯
09:04:19 ДП
User 241862943
User 32530886
потому что не всегда он нормально резолвит
вот
Это как так?
09:05:02 ДП
User 32530886
User 241862943
Это как так?
я сейчас не вспомню конкретно
но был кейс, когда юзал _.%methodNmae% и у меня весь лодаш подрубался
09:05:22 ДП
User 32530886
не сразу заметил, пришлось переписывать все такие места и тратить много времени на анализ бандла
09:05:31 ДП
User 32530886
с хинтами для аглифая
09:12:20 ДП
User 227646933
Это происходит всегда когда используешь .chain

https://medium.com/making-internets/why-using-chain-is-a-mistake-9bc1f80d51ba
medium.com/making-internets/why-using-chain-is-a-mistake-9bc1f80d51ba
Leveraging functional programming in JavaScript to make builds faster and leaner.
09:13:08 ДП
User 32530886
User 227646933
Это происходит всегда когда используешь .chain

https://medium.com/making-internets/why-using-chain-is-a-mistake-9bc1f80d51ba
medium.com/making-internets/why-using-chain-is-a-mistake-9bc1f80d51ba
Leveraging functional programming in JavaScript to make builds faster and leaner.
обна
09:48:10 ДП
User 63958239
User 32530886
не так
а import { map } from 'lodash'
да бабель плагин есть npmjs.com/babel-plugin-lodash
npmjs.com/package/babel-plugin-lodash
Modular Lodash builds without the hassle.
И лучше его всегда использовать
09:48:38 ДП
User 63958239
Чтобы когда лодаш починят (если починят), то можно было отключить плагин и все работало как надо
09:49:14 ДП
User 63958239
Потому что импорт на каждую функцию - хрень какая-то
10:25:25 ДП
User 227646933
User 63958239
Потому что импорт на каждую функцию - хрень какая-то
IMHO

explicit > implicit
12:07:47 ПП
12:11:34 ПП
User 52321317
Сова, а какая разница, npm это пакет или нет?
У нас есть часть кода, завернутая в пакет. Правда, мы его не import() подключаем, но все равно. Неужели его нельзя будет асинхронно подгрузить?
12:12:05 ПП
User 52321317
Я просто нигде не видел информации о том, что нельзя.
12:35:47 ПП
User 32530886
User 52321317
Сова, а какая разница, npm это пакет или нет?
У нас есть часть кода, завернутая в пакет. Правда, мы его не import() подключаем, но все равно. Неужели его нельзя будет асинхронно подгрузить?
Вебпак работает по другому
12:35:51 ПП
User 32530886
Не так как стандарт пишет
12:52:13 ПП
User 1333299
Некоторые ф-ии что в лодаш, что в андерскоре юзают другие оттуда же
12:52:28 ПП
User 1333299
В итоге получается, что одним вызовом мы поллибы подтягиваем
12:53:17 ПП
User 1333299
И у многих других либ примерно та же хурма
12:54:19 ПП
User 144919988
User 1333299
Некоторые ф-ии что в лодаш, что в андерскоре юзают другие оттуда же
ну это в основном чейн и просто _( )
12:54:33 ПП
User 144919988
остальное вроде норм
12:55:35 ПП
User 1333299
Да хз, в принципе, чоу на этом экономить особо, учитывая, что тот же андерскор весит 5кб в сжатом и гзипнутом виде
12:55:46 ПП
User 1333299
Разве что у тебя помимо него два десятка либ подключено
01:10:19 ПП
User 52321317
User 32530886
Не так как стандарт пишет
а есть где почитать подробнее? сам не сталкивался пока, но не хотелось бы столкнуться
01:10:44 ПП
User 32530886
User 52321317
а есть где почитать подробнее? сам не сталкивался пока, но не хотелось бы столкнуться
01:10:55 ПП
User 3737447
Ребята у кого-то была проблема с ngx-bootstrap в связке с angular universal. не могу заставить свой webpack, чтоб он транспилил ngx-bootstrap в es5, так как ноде нужен es5
01:11:34 ПП
User 32530886
https://webpack.js.org/guides/code-splitting/#dynamic-imports
01:11:45 ПП
User 32530886
https://webpack.js.org/api/module-methods/#import
01:11:51 ПП
User 32530886
в документации есть всё что нужно
01:12:50 ПП
User 3737447
Вот мой config - https://gist.github.com/kkaabbaa/606996b4a2b6d25443f1e31f73893990
gist.github.com/kkaabbaa/606996b4a2b6d25443f1e31f73893990
01:13:14 ПП
User 52321317
User 32530886
в документации есть всё что нужно
Я понимаю, как работает import(), но я не понимаю, почему нельзя сделать import("react").then
01:21:32 ПП
User 32530886
User 52321317
Я понимаю, как работает import(), но я не понимаю, почему нельзя сделать import("react").then
потому что это не нужно
01:21:35 ПП
User 32530886
не надо так делать
01:21:47 ПП
User 52321317
т.е. можно, но не стоит?
01:26:26 ПП
User 32530886
User 52321317
т.е. можно, но не стоит?
вебпак не сумеет
01:26:32 ПП
User 32530886
потому что для этого есть подходящие инструменты
01:31:12 ПП
User 52321317
ок, а если я сделаю import("index.js"), и в этом файле напишу import React from 'react'?