AlexaDin, не, не совсем.
Ваша функция показывающая или скрывающая прелоадер должна запускаться самой первой и как можно быстрее. Поэтому даже было бы разумно ее вынести в отдельные тег script и написать его выше всех остальных скриптов. Но тогда jQuery в этом скрипте будет недоступен и вам придется делать выборку по DOM'у нативными средствами (что очень просто).
Сама функция будет работать примерно так:
Вы проверяете наличие ключа в localStorage.
Если ключ есть, то все ок.
Если ключа нет, то вешаете класс на ваш прелоадер, который сделает его видимым для пользователя, а затем пишете ключ в localStorage.
Стало яснее? :)
AlexaDin, ну тут уже прямо зависит от того, как вы реализовали свой прелоадер. Если он у вас есть изначально в DOM-дереве и он не спрятан, то возможно вам стоит первым делом проверять наличие ключа в localStorage, а потом уже задавать видимость прелоадеру.
Mcrx, ну так огульно говорить, что они прям похожи скорее всего неправильно. У реакта своя специфичность есть конечно. Просто какие-то базовые вещи у них общие: компонентный подход, работа со сторой. Но в целом да, зная vue, сможете на react перейти вполне комфортно.
Greg Popov, вебпак резолвит расширение файла, которое указано в ключе test и применяет к нему указанные лоадеры. В вашем случае вы видимо в какую-то старую документацию вебпака смотрели. Вебпак, встречая файлы стилей, не знал через какой лоадер эти файлы прогонять.
Вот актуальная по лоадерам документация.
Mikhail Osher, вопрос скорее был про подход написания медиа-запросов внутри элемента, а не про написание вложенных селекторов через &. Но на самом деле, я сам обычно пишу целиком класс, типа .post, а затем .post__link. При таком подходе и через ctrl+f проще класс найти. Но стоит отметить, что последний вебшторм может перейти в определение класса даже если он написан через вложенность. По крайней мере в Vue-файлах он умеет это делать.
Если этот код повторяется только в одном компоненте, то вынесите его в отдельный метод и используйте его и в mounted() и в других методах компонента.
Примерно так:
Если какой-то кусок кода повторяется между несколькими компонентами, то выносите его в отдельный файл куда-нибудь в папочку helpers, например, и импортируйте его в компоненты.
Точно также диспатчите экшн из компонента с передаваемыми данными и с помощью мутации записываете их в стору (обновляете стэйт).
Прочитайте документацию: https://vuex.vuejs.org/ru/
Потому что так можно несколько дней наугад тыкать и пытаться заставить работать скрипт, а можно сначала разобраться, как должно это работать все.