в твоем случае внутри либы лежит node_modules

modulesDirectories: ['node_modules']

вебпак сам раскурит где искать эту папку - внутри где ентри поинт или выше

А экстерналс?

http://webpack.github.io/docs/library-and-externals.html

Specify dependencies that shouldn’t be resolved by webpack, but should become dependencies of the resulting bundle

перегрузка модулей

а можно как-то использовать для этого модули, которые просто подключены в темплейте?

script src?

можно

они в глобале и так будут

тоесть не надо писать рекваер вообще

я прошу прощения. А есть ли подобный чатик только по верстке?

Есть у кого кейлогер на js?

я прошу прощения. А есть ли подобный чатик только по верстке?

Есь

Есь

делись

ура, подключил webpack + angular 1.x + lazy load

чет не осилил понять как именно инициализируются модули

без ng-app дириктивы

Друзья, мы долго спорили, делать или нет, так или по другому, в итоге мы решили и сделали выделенную группу по Docker. Многим стало здесь проблематично получить ответ на свой вопрос из-за потока сообщений, за которым, по-честному, становится всё сложнее уследить с ростом группы. В то время, когда Docker становится main stream и как прекрасно выразился однажды Саша Титов - стандартом упаковки приложений и повсеместно начал входить в Fullstack JS. Теперь вопросы и новости на тему Docker, Docker Swarm и всей его экосистеме, без флуда и только по теме можно получить в отдельной группе. Присоединяйтесь: + https://telegram.me/docker_ru

ура, подключил webpack + angular 1.x + lazy load

Стоп, это я тебе, что-ли, с утра реплаил в твиттере?

Нет

Меня там нету

Интересно, если вынести сразу эти модули в веб воркеры

Они же и на то модули чтобы быть независимыми

Ищу решение... https://jsfiddle.net/frenzzy/8pou3j9f/

https://jsfiddle.net/8pou3j9f/1/ ?

нужно чтоб работало на подобие нативного srcSet

А, все, кажется понял...

А ничего, что пропорции не везде соответствуют?

нужно чтоб работало на подобие нативного srcSet

Просто отсортируй правильно https://jsfiddle.net/8pou3j9f/7/

Еще вариант https://jsfiddle.net/8pou3j9f/5/

Привет народ , у меня появился недавно таск скоздать веб-приложение которое будет использовать canvas для отриссовки разных объектов на нем, типа текста , картинок , svg объектов и всего такого. Собственно данные объекты должен создавать ui который должен быть модульным . Можете подсказать какие нибудь фреймворки или библиотеки для облегчения задачи . Cейчас думаю использовать fabricjs , но для организации проекта нужен какой нибудь тул.

Привет народ , у меня появился недавно таск скоздать веб-приложение которое будет использовать canvas для отриссовки разных объектов на нем, типа текста , картинок , svg объектов и всего такого. Собственно данные объекты должен создавать ui который должен быть модульным . Можете подсказать какие нибудь фреймворки или библиотеки для облегчения задачи . Cейчас думаю использовать fabricjs , но для организации проекта нужен какой нибудь тул.

минутку..

Kirill У меня доклад на эту тему был на MoscowJs https://gist.github.com/aiboy/d044e71088cf81ccc69cf6db3eaa2b24 Способ номер 1 - https://www.youtube.com/watch?v=MviAo7wc9go http://blog.mikeswanson.com/ai2canvas В Adobe Illustrator рисуем UI - ( готовых уже миллион в интрнете ) конвертируем с помощью плагина в canvas код Видео с верху обязательно к просмотру там много интересного об этом подходе Способ номер 2 - http://www.zebkit.com/ https://github.com/barmalei/zebra

Ну и еще есть https://www.ludei.com который позволяет приложение написанное на Canvas - запускать на мобильном девайсе с повышенной производительностью ( что-то вроде PhoneGap для Canvas only )

а зачем канвас? просто svg не устраивает?

а зачем канвас? просто svg не устраивает?

Canvas к примеру быстрее - SVG на мобильном девайсе - 1-2 FPS при 200-300 элементах на экране

это потому что он делает оптимизацию с вьюпортом

но с свг и реактом можно и самому такую оптимизацию делать

но с свг и реактом можно и самому такую оптимизацию делать

еще раз повторю SVG очень медленный - ОЧЕНЬ

( на мобильных девайсах )

Как же рафаэль?

на мобильных все медленно

на мобильных все медленно

кроме Canvas

ну если чувак пишет редактор, мобилки скорее всего не его ца

Ого спасибо не ожидала такого живого респонса . Буду изучать сылки.

а вообще там из года в год все оптимизируют, поэтому я бы беспокойство за свг переложил бы на разработчиков браузеров

было дело, писал редатор на fabric.js, в определенный момент становится очень неудобно

а вообще там из года в год все оптимизируют, поэтому я бы беспокойство за свг переложил бы на разработчиков браузеров

300 элементов 1 FPS - я бы не стал ждать 10 лет :)

было дело, писал редатор на fabric.js, в определенный момент становится очень неудобно

посмотри http://www.zebkit.com/

вчера были проблемы с for (item in object) {}, в сгенерированном коде были проблемы с Symbol, если я правильно помню; причём даже полифильная библиотека не помогла, точнее помогла, но появилась другая ошибка, а гугление этой ошибки показало только открытый баг-репорт в babel от февраля этого года

Бабел вполне корректно всё транспилит. Настрой sourcemaps и отлаживай. Чтобы жить счастливо: https://cdn.polyfill.io/v2/docs/

Нормально все с SVG. Он из коробки многие вещи оптимизирует и местами работает быстрее чем SVG. Но есть ньюансы. А вообще webgl! По сравнению с ним canvas тормозит.

Быстрее чем канвас

У canvas вроде скорость зависит от площади рендеринга, у svg от количества элементов

В svg ещё играют роль shape-rendering и text-rendering, оптимизирующие качество и скорость рендеринга элемента. Если их оставлять по умолчанию, то понятное дело всё будет тормозить

В SVG удобно один раз задать path, а потом уже трансформациями двигать. В канвасе полигоны работают медленнее, так как требует препроцессинга. Как и линии. Но это не совсем линейные зависимости.

Хочу запилить надстройку над d3, позволяющую на лету переключаться между svg и canvas в зависимости от оптимального варианта. Благо d3 может рендерить исходные данные в оба варианта)

300 элементов 1 FPS - я бы не стал ждать 10 лет :)

Что-то подозрительно мало. Что за элементы были? У меня просто в реальном времени рендерилась вот такая схема, только на 40-50 объектов, там явно больше 300 элементов было. Zoom, move, drag-n-drop, animation, editing

Всё что по центру - pure svg + d3

кто сталкивался с таким поведением консоли хрома на определённой странице? как это отключить?

что бы я не ввёл - консоли всё равно)

выглядит как вывод

но это ввод

дима, ты первый))

закрыть открыть?

закрыть открыть?

это на определённой странице) причём в разных браузерах)

да, закрыть-открыть не помогло)

перебили девелопер тулз? так вроде можно сделать.. когда-то натыкался на статью....

попробуй установи фаербаг, чисто для проверить

ну и как вариант http://stackoverflow.com/questions/18655354/google-chrome-developer-tools-has-stopped-logging-output-and-errors-to-the-conso

правда тут акцент что именно в хроме выключена галочка

ну и вот вариант, который может быть ближе к делу http://stackoverflow.com/questions/21692646/how-does-facebook-disable-the-browsers-integrated-developer-tools

галку проверял, она не виновна. что странно - да, после установки файербага консоль заработала

спасибо)