НЕ заморачивался бы с вебпаком.

vue-cli всё сделал бы за тебя, да.

то есть бросить галп, переходить на веб пак :?

Вебпак у меня собрал helloworld на 99 КБ с роутером. Это без gzip

то есть бросить галп, переходить на веб пак :?

Это только ты нам можешь сказать :) мы ж не в курсе чё у тебя там

Сейчас все подробно распишу, если кто поможет разобраться, куплю тому пиво. Не понимаю просто, почему на любые вопросы о галпе, все советует вебпак, будто на галпе ничего не сделать.

Сейчас все подробно распишу, если кто поможет разобраться, куплю тому пиво. Не понимаю просто, почему на любые вопросы о галпе, все советует вебпак, будто на галпе ничего не сделать.

Потому что у vue есть настроенные шаблоны webpack

Установил и все работает

Сейчас все подробно распишу, если кто поможет разобраться, куплю тому пиво. Не понимаю просто, почему на любые вопросы о галпе, все советует вебпак, будто на галпе ничего не сделать.

галп нормальный, и на нем можно сделать все что угодно. Но для сборки вью рекомендуют вебпак, т.к. процесс с ним отлажен

Андрей, ты можешь подключить вебпак как сборщик js в рамках своего галпа и не переделывать сборку всего проекта. Погугли gulp webpack plugin

Сергей спасибо

И остальные тоже

Сейчас все подробно распишу, если кто поможет разобраться, куплю тому пиво. Не понимаю просто, почему на любые вопросы о галпе, все советует вебпак, будто на галпе ничего не сделать.

Подожди кстати, у тебя с гзипом 150кб? Я ради интереса собрал галпом, 500кб без углифая, 180 с углифаем, 67 с гзипрм.

Правда я хеллоу ворлд собрал, да. Ну и вообще, топлю за вебпак.

Правда я хеллоу ворлд собрал, да. Ну и вообще, топлю за вебпак.

с вебпаком 100 без гзип :)

уникальное в своем роде соревнование у кого меньше

в первый раз чёто галпом сделал. больше не хочу. спасибо, до свидания.

у нас уже много лет есть классный таскраннет: npm run -- ту дуууу!

таскраннер*

зачем нужен галп ну зхзхзхз

когда у тебя есть УЖЕ проект на галпе, я не поверю, что проще просто переписать все

чем допилить

когда у тебя есть УЖЕ проект на галпе, я не поверю, что проще просто переписать все

Бывает, но не факт, что это твой случай :)

ребята, кто нб из вас юзает firebase? я получаю объект при логине http://joxi.ru/xAeMppEtY8jvKA.jpg , как мне получать только необходимые данные? токен, мейл, имя, и так далее

ну кроме как создавать новый обект в котором будут только нужные поля

Хотя буду создавать новый )

ну кроме как создавать новый обект в котором будут только нужные поля

Если в запросах к firebase нельзя настроить/указать данные, которые нужно возвращать, то никак :) Делай обработку. Для него ж вроде клиент есть. Но я хз, с ним не работал

я находил VueFire, но решил юзать чистый

хз на сколько мне это аукнется

хз на сколько мне это аукнется

Чистый клиент или просто запросы?

По скрину больше похоже на простой запрос

просот запросы

https://firebase.google.com/docs/web/setup

вообще у firebase хорошие доки

Там у них в бете Cloud Functions, Firestore (Обновленная бд с более удобными апи, и вроде лучше расширяется, но за это хз)

Опробовал firestore, мне зашел. Вот только если нужно с загрузкой файлов с самого сервера (node.js) заниматься, то там это все как-то костыльно

Но это уже storage

В стандартной доке по firebase все есть, плюс на гитхабе тоже полно примеро. Я тоже смотрел на vue-fire но не понял в чем его плюс. Мне показалось что он добавляет лишние конструкции в архитектуру приложения.

Но встречный вопрос, если кто где видел внятно описание реализации с использование firebase role base регистрации и аутентификации, поделистесь пожалуйста ссылками. Не обязательно с Vue. Вообще интеерсует как реализовать роли.

+, мне бы тоже было интересно

народ, подскажите как настроить порядок загрузки/склейки css файлов? на дев всё ок, а на проде порядок не правильный и некоторые стили не переопределяются(

Есть у меня приложение: vue2, vue-router, vuex, всё включено. Настало время прикрутить туда аутентификацию, причем приложение, по сути, админка - поэтому без аутентификации вообще никого никуда пускать не надо и кидать на аутентификацию обратно. Как это решается?

я отдельную приложуху делал

если пропускает, разрешается загрузить основную.

не, за сам код мне не страшно, там ничего секретного

Есть у меня приложение: vue2, vue-router, vuex, всё включено. Настало время прикрутить туда аутентификацию, причем приложение, по сути, админка - поэтому без аутентификации вообще никого никуда пускать не надо и кидать на аутентификацию обратно. Как это решается?

а бэк на чем?

вот смотрю на router.beforeEach

а какая разница? Оо на питоне

а какая разница? Оо на питоне

ну авторизация же не только на фронте будет происходить

да авторизацию уже прикрутил, access/refresh token

тут вопрос именно как не пускать пользователя и перекидывать его безапелляционно на логин, пока не залогинится

триггер-то придумать можно, вон, наличие аксес-токена в локалсторадже то же

да авторизацию уже прикрутил, access/refresh token

без токена ведь любой запрос к бэку возрващает 401 какой нибудь?

да

можешь сделать обёртку над запросами в api, которое обрабатывает 401 ошибку и редиректит куда надо

? звучит неплохо

ребят, как воплотить кастомное контекстное меню таким образом чтоб оно закрывалось в случае любых интеракций вне него. Т.е. по сути оно должно украсть у всего и вся фокус и сконцентрировать на себе, а если пользователь кликнет на какой-то другой элемент или просто в пустое место - оно должно закрыться

создай под ним пустой див

растяни его

и проверяй по нему клик

@b0g3r Vue если не Nuxt, в нем аутентификацию не делают, она делается на стороне сервера.

ну или не клик )

@b0g3r Vue если не Nuxt, в нем аутентификацию не делают, она делается на стороне сервера.

Ты вопрос дочитал?

создай под ним пустой див

этот див кстати не украдёт клик если например пользователь попытается нажать на кнопку которая за ним?

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

ну сделай на ховер закрытие

ну или как тебе надо )

если на клик то конечно украдет )

@b0g3r Дочитал, и отвечаю тебе, что аутентификацию в SPA не реализуют. ты не можешь в SPA хранить секрет.

потому что он будет над кнопкой

@b0g3r Дочитал, и отвечаю тебе, что аутентификацию в SPA не реализуют. ты не можешь в SPA хранить секрет.

Почему я не могу в SPA хранить аксес-токен?

если на клик то конечно украдет )

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

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

ты можешь сделать див черным 10% прозрачности

тогда будет понятно пользователю

если надо чтоб это было типо меню которое прячется при ховере

Уважаемые! Добрый вечер! Как сделать $('body').append($('<section class="main-section"></section>')); только на Vue и без jQuery?

тогда и клики не будут вороваться

Уважаемые! Добрый вечер! Как сделать $('body').append($('<section class="main-section"></section>')); только на Vue и без jQuery?

на ваниле напиши :) но мне кажется не стоит так делать на vue...

@b0g3r Хранить можешь только это не аутентификация. Аутентификация, это проверка токена, этим занимается Auth сервер. Если же тебе просто нужно скрыть, какие-то роуты для неатентифицированного пользователя, то это совсем другое, и к аутентификации имеет мало отношения.

@b0g3r Хранить можешь только это не аутентификация. Аутентификация, это проверка токена, этим занимается Auth сервер. Если же тебе просто нужно скрыть, какие-то роуты для неатентифицированного пользователя, то это совсем другое, и к аутентификации имеет мало отношения.

Ну я не знаю как нужно было читать мои сообщения, чтоб выдумать, что я аутентифицирую пользователя во вью :)

ты можешь сделать див черным 10% прозрачности

кстати в таком случае придётся создавать background элемент динамично в document.body, но Vue насколько я понимаю не позволяет изменять шаблон после компиляции

Там даже было про то, что бекенд на питоне уже написан...

Уважаемые! Добрый вечер! Как сделать $('body').append($('<section class="main-section"></section>')); только на Vue и без jQuery?

document.body.appendChild(document.createElement('p'))

Есть у меня приложение: vue2, vue-router, vuex, всё включено. Настало время прикрутить туда аутентификацию, причем приложение, по сути, админка - поэтому без аутентификации вообще никого никуда пускать не надо и кидать на аутентификацию обратно. Как это решается?

не знаю как можно прочитать вот это твое сообщение по другом.

Ну понятно :)

document.body.appendChild(document.createElement('p'))

ходят слухи что так делать не стоит https://github.com/vuejs/vue/issues/4372

Выходит я хочу невозможного господа?

Vue won't throw away what you appended on re-renders... so technically you can do what you wanted, just not recommended. но почему не рекомендуется, не понимаю

Выходит я хочу невозможного господа?

А что ты хочешь вообще?

@b0g3r Здесь ответ на твой вопрос. https://router.vuejs.org/en/advanced/navigation-guards.html

А что ты хочешь вообще?

$('body').append($('<section class="main-section"></section>')); только на Vue и без jQuery. И что бы ненужно было отдельный компонент создавать

@b0g3r Здесь ответ на твой вопрос. https://router.vuejs.org/en/advanced/navigation-guards.html

Збс. ??

кстати в таком случае придётся создавать background элемент динамично в document.body, но Vue насколько я понимаю не позволяет изменять шаблон после компиляции

ты создаешь компонент. в котором див с position absolute

$('body').append($('<section class="main-section"></section>')); только на Vue и без jQuery. И что бы ненужно было отдельный компонент создавать

а чем не устраивают v-if, v-show ?

кстати в таком случае придётся создавать background элемент динамично в document.body, но Vue насколько я понимаю не позволяет изменять шаблон после компиляции

и делаешь v-if="show"