Как подключить библиотеку node_modules Gulp?

Сергей delphinpro,

import webpack from "webpack-stream";

export const js = () => {
    return app.gulp.src(app.path.src.js, { sourcemaps: true })
        .pipe(app.plugins.plumber(
            app.plugins.notify.onError({
                title: "JS",
                message: "Error <%= error.message =>"
            })
        ))
        .pipe(app.gulp.dest(app.path.build.js))
        .pipe(webpack({
            mode: 'development',
            output: {
                filename: 'app.min.js',
            }
        }))
        .pipe(app.gulp.dest(app.path.build.js))
        .pipe(app.plugins.browsersync.stream());
}

Вот так вот выглядит, но мне этот вариант не очень нравится потому что я хочу чтобы все либы были раздельны по файлам, а не в одном файле app.js

Как подключить библиотеку node_modules Gulp?

Сергей delphinpro, Да, я вас прекрасно понимаю, но дело в том что я не пользуюсь вебпаком, а пользуюсь только галпом, просто я нашел на одном форуме способ подключения jquery, выглядит это вот таким образом

import $ from 'jquery';
window.jQuery = window.$ = $;

и после этого я могу пользоваться jquery как обычно $('').....
И я думал что могу сделать тоже самое и с mapbox, просто не знал что для того чтобы воспользоваться какой то другой библиотекой нужно писать для этого таску галпу

Как подключить библиотеку node_modules Gulp?

Сергей delphinpro, А нет, стоп, я сам зафейлил.

var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js');
 
mapboxgl.accessToken = 'pk.eyJ1IjoiZ3VsYWsxMjMiLCJhIjoiY2wyNDgzbjUyMGluczNncDk1MHlheGNsNiJ9.4nOUSEub8-sL4CUDVdQR-A';
var map = new mapboxgl.Map({
container: 'YOUR_CONTAINER_ELEMENT_ID',
style: 'mapbox://styles/mapbox/streets-v11'
});

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

Как подключить библиотеку node_modules Gulp?

Сергей delphinpro, Данный пример я взял из их доки, там было точь в точь написано

В чем разница подключения js в head или body?

забыли упомянуть про async/await :)

Играет ли ролько количество media на загрузку страницы?

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

Играет ли ролько количество media на загрузку страницы?

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

Как сделать чтобы меню не прыгало?

Можно outline использовать, тоже прыгать не будет даже если его нет, но только если в круговую бордер :(

Новое окна на Javascript из кнопки как сделать?

godsplane, кто

Как сделать при прокрутке страницы отмечать прочитанные блоки (элементы)?

ctacua, Да нет, умею же, и собственно не наблюдаю хоть малейшей попытки написания данного скрипта

Как сделать при прокрутке страницы отмечать прочитанные блоки (элементы)?

https://freelance.habr.com/ пожалуйста

Как сверстать блок, аналогично макету?

Павел, по макету явно не space-between, либо space-around либо center и column-gap двигать

Как правильно писать css c помощью sass по БЭМ?

Александр, Теперь понял вас

Как правильно писать css c помощью sass по БЭМ?

Александр, возможно вы неправильно поняли меня, я имел ввиду именно сам синтаксис SASS/SCSS, про роль БЭМА я понимаю, и пользуюсь этим, а про

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

не совсем вас понял

Как правильно писать css c помощью sass по БЭМ?

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

.search {
    // .search__form
    &__form {
        &-input {
            color: red;
        }
    }
    // .search__form-input
    &__form-input {
         color: red;
    }
}

Как правильно писать css c помощью sass по БЭМ?

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

Как правильно писать css c помощью sass по БЭМ?

Shu90, https://ru.bem.info/methodology/quick-start/ вы посещали этот сайт?)

Как правильно писать css c помощью sass по БЭМ?

Shu90, Да и к тому же модификаторы выделяются одним "_" вместо "__" а не "-"

Как правильно писать css c помощью sass по БЭМ?

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

<!--
            Рекомендуется:
            `search-form__button` или `search-form__content-button`
        -->

Как правильно писать css c помощью sass по БЭМ?

.search
.search__form
.search__form-input
.search__form-textarea
.search__form-submit
и т.д