web components это про что

Это custom elements, shadow dom, html imports и html template

https://www.webcomponents.org/introduction#what-are-web-components

Парни, у меня такой вопрос. Вот у меня php подключает определённый шаблон и определённые css и js к нему. (на php самописный фреймворк). Но в JS возникает некоторая путаница и в целом не очень всё это удобно. Так же нужно аккуратно компилировать scss

Решил воспользоваться webpack. Но тут же возник вопрос. Мне что весь js впихивать в один entry js файл или как? Т.е. как вебпак сумеет подключать нужный блок к определённому шаблону?

А фронт-часть выглядит примерно вот так сейчас

вебпак сумеет подключать нужный блок к определённому шаблону - это задание твоего пхп сделать а не вебпака

Решил воспользоваться webpack. Но тут же возник вопрос. Мне что весь js впихивать в один entry js файл или как? Т.е. как вебпак сумеет подключать нужный блок к определённому шаблону?

code splitting, require.ensure

но я не понимаю как ты хочешь втулить логику сингл пейджа в свой пхп

всеравно ему нужно будет сгенерировать н ентри поинтов

вебпак сумеет подключать нужный блок к определённому шаблону - это задание твоего пхп сделать а не вебпака

Так это можно сделать или нет?

Я просто не понял чуток, как вебпак это сделает. Как вебпак поймёт, что нужно подключить определённый блок js

Сейчас бы в канджи хуярить текст в рашн сообществе в 2017м

Это даж не кандзи) че-то из каны

Решил воспользоваться webpack. Но тут же возник вопрос. Мне что весь js впихивать в один entry js файл или как? Т.е. как вебпак сумеет подключать нужный блок к определённому шаблону?

Для того, чтобы воспользоваться вебпак тебе нужен нормальный апи

И рендер на клиенте

Аа

Поэтому или ты понимаешь что ты хочешь и все переписываешь

Или тебе не нужен вебпак

Т.е. нужно пользоваться Angular/React

Ясно

В логику моей программы, я думаю вебпак не вписывается

Ну ты читал про него?

Пробовал на малых проектах?

Ну да, конечно

Тогда странно,

Да, пробовал

Ну я просто попытался сообразить, как это встроить в мой проект на php

Разве что собрав весь бандл

Он и так закешируетсч

Зато будет легче с разделёнными файлами работать

Я полагаю у тебя там и так один жквери в них

Ну жиквери да нативный js

Несколько jq-плагинов там

sass

Ну собирай все в один пакет. Пользователь все равно один раз его загрузит и закеширует

Ну попробую тогда так что ли сделать

А дальше у тебя же жквери будет работать по наличии элемента

Т.е. собираю весь проект в один entry файл, так?

А дальше у тебя же жквери будет работать по наличии элемента

Вебпак сам проверит наличие элемента или как?

Так. Это чтобы не крутить роутеры или фреймы

Не он а твой жквери

есть идеи, почему 'all files uploaded' выкидывается раньше, чем загрузка происходит?

Аа

Ладно, я буду пробовать. Если что, то отпишусь позже

есть идеи, почему 'all files uploaded' выкидывается раньше, чем загрузка происходит?

У тебя точно массив промисов?

есть идеи, почему 'all files uploaded' выкидывается раньше, чем загрузка происходит?

в доке написано, что $.ajax({}) возвращает промис, да и .done/.then работают

JS слишком быстрый

есть идеи, почему 'all files uploaded' выкидывается раньше, чем загрузка происходит?

мне кажется или тебе нужно строчку с Promise.all перенести на одну вниз

Ну собирай все в один пакет. Пользователь все равно один раз его загрузит и закеширует

На мобилках такой совет может оказаться опасным

console.log оберни в функцию

есть идеи, почему 'all files uploaded' выкидывается раньше, чем загрузка происходит?

т.е. если я тут раскоментирую .done, то, при больших объемах файлов, он вернет ссылку на файл уже после 'All files are uploaded'

Лол

есть идеи, почему 'all files uploaded' выкидывается раньше, чем загрузка происходит?

ммм потому что console.log - функция, а console.log("...") - результат вызова функции? ;)

Вот консоль и исполнялась в рантайме чтобы создать калбэк

ммм потому что console.log - функция, а console.log("...") - результат вызова функции? ;)

черт побери, да)) спасибо

но понимания не возникло

можете объяснить нубу?)

в .then() нужно передавать функцию

а ты передаешь результат выполнения функции

Можешь удалить скобки после консоли - тоже сработает

Кек

Но это уже сам объясни

Консоль биндить нужно вроде

Да там же тело будет все равно

Угу, сработает

Но потом может быть очень больно

Когда illegal invocation будет указывать на строчку номер undefined

Лол

Угу))

2 недели, или сколько там

так вроде просто не сработает если .then(console.log) и надо .then(console.log.bind(console))

2 недели, или сколько там

А че починил?

так вроде просто не сработает если .then(console.log) и надо .then(console.log.bind(console))

Или эт старо?

Без понятия, пока не хочу даже интересоваться этим

До сих пор глаз дёргается

Впервые сегодня встретил illegal invocation

Так и не понял что значит

А че починил?

.then( console.warn, console.warn ) удалил 👀

Так так нельзя вот в этом и прикол

console.warn.bind(console)