Size: a a a

JavaScript — русскоговорящее сообщество

2020 May 29

DA

Danya Adadurov in JavaScript — русскоговорящее сообщество
Ребят, такое дело: настроил я себе галп, с браузерсинком, сасс компилятором и прочими штучками для дева, поработал и теперь время настало всё эт дело собрать и выкатить на гит. Структура проекта такая: в папке src лежат scss, css, js, html и img. В HTML прописаны все вхождения всех файлов из src, т.е. отдельно подключен main.css, отдельно media.css, отдельно подключены три js файла store, components и main и jQuery через CDN. Я создал папку build, подключил gulp-del, uglify, clean-css, всё сделал, в общем, для того чтобы в npm run build у меня было по одному файлу js и css и сжатые картинки, а с HTML как быть? Как правильно всё так настроить, чтобы у меня в HTML автоматом все подключенные файлы заменились на script.js и styles.css и в папке билд создался свой index.html, так сказать прод. версия. Или у меня в корне неверное представление о сборках и организовывать структуру нужно по-другому? (первый раз решил воспользоваться сборщиком)
источник

m

mazya in JavaScript — русскоговорящее сообщество
Danya Adadurov
Ребят, такое дело: настроил я себе галп, с браузерсинком, сасс компилятором и прочими штучками для дева, поработал и теперь время настало всё эт дело собрать и выкатить на гит. Структура проекта такая: в папке src лежат scss, css, js, html и img. В HTML прописаны все вхождения всех файлов из src, т.е. отдельно подключен main.css, отдельно media.css, отдельно подключены три js файла store, components и main и jQuery через CDN. Я создал папку build, подключил gulp-del, uglify, clean-css, всё сделал, в общем, для того чтобы в npm run build у меня было по одному файлу js и css и сжатые картинки, а с HTML как быть? Как правильно всё так настроить, чтобы у меня в HTML автоматом все подключенные файлы заменились на script.js и styles.css и в папке билд создался свой index.html, так сказать прод. версия. Или у меня в корне неверное представление о сборках и организовывать структуру нужно по-другому? (первый раз решил воспользоваться сборщиком)
Глянь на gulp-rigger и сделай себе универсальный кусок в <head> с подключением нужных файлов и импортируй в билдовый html
источник

DA

Danya Adadurov in JavaScript — русскоговорящее сообщество
mazya
Глянь на gulp-rigger и сделай себе универсальный кусок в <head> с подключением нужных файлов и импортируй в билдовый html
а это нормально вообще, что у меня для дева одна версия index.html, в которую подключены стили и скрипты из папки src, а для прода надо делать абсолютно другой, а не этот прогнать через какой-нибудь модуль и получить индекс.хтмл с другими скриптами и стилями.
источник

m

mazya in JavaScript — русскоговорящее сообщество
Danya Adadurov
а это нормально вообще, что у меня для дева одна версия index.html, в которую подключены стили и скрипты из папки src, а для прода надо делать абсолютно другой, а не этот прогнать через какой-нибудь модуль и получить индекс.хтмл с другими скриптами и стилями.
Нет, ведь можно было сразу из src собирать билдовую версию и смотреть синком на неё
источник

DA

Danya Adadurov in JavaScript — русскоговорящее сообщество
mazya
Нет, ведь можно было сразу из src собирать билдовую версию и смотреть синком на неё
т.е. наблюдатели при каждом изменении любого из скриптов/стилей будут перезаписывать всё в папку билд. Индекс.хтмл вынести в корень  (там где package.json) и подключить к нему сразу минифицированные js и css, а работать с теми, что в src папке. Так получается? Прост я видел сборки, где папка билд вообще пустая, и там есть два скрипта: npm run dev и npm run build. Т.е. у тебя зазря всё туда-сюда не перезаписывается, а работаешь ты в dev режиме в папке src. Когда всё сделал, тогда пишешь npm run build и у тебя собирается компактный проект со своим index.html.
источник

И

Иван in JavaScript — русскоговорящее сообщество
Danya Adadurov
Ребят, такое дело: настроил я себе галп, с браузерсинком, сасс компилятором и прочими штучками для дева, поработал и теперь время настало всё эт дело собрать и выкатить на гит. Структура проекта такая: в папке src лежат scss, css, js, html и img. В HTML прописаны все вхождения всех файлов из src, т.е. отдельно подключен main.css, отдельно media.css, отдельно подключены три js файла store, components и main и jQuery через CDN. Я создал папку build, подключил gulp-del, uglify, clean-css, всё сделал, в общем, для того чтобы в npm run build у меня было по одному файлу js и css и сжатые картинки, а с HTML как быть? Как правильно всё так настроить, чтобы у меня в HTML автоматом все подключенные файлы заменились на script.js и styles.css и в папке билд создался свой index.html, так сказать прод. версия. Или у меня в корне неверное представление о сборках и организовывать структуру нужно по-другому? (первый раз решил воспользоваться сборщиком)
А оно тебе надо? Вот это всё разнообразие из прошлой пятилетки? Parcel делает всё, что ты перечислил без конфигурации. И подключает что надо куда надо. Webpack делает это всё (с небольшой конфигурацией) и тоже правильно всё рассовывает как надо и куда надо. И позволяет иметь куда больше контроля над всем процессом. Галп был хорош, но, мне кажется, его время прошло
источник

DA

Danya Adadurov in JavaScript — русскоговорящее сообщество
Иван
А оно тебе надо? Вот это всё разнообразие из прошлой пятилетки? Parcel делает всё, что ты перечислил без конфигурации. И подключает что надо куда надо. Webpack делает это всё (с небольшой конфигурацией) и тоже правильно всё рассовывает как надо и куда надо. И позволяет иметь куда больше контроля над всем процессом. Галп был хорош, но, мне кажется, его время прошло
Я не особо шарю) Может и вправду вебпак круче и проще. Я просто посмотрел видосы, выбрал, как мне показалось, самую простую технологию и вот настраиваю.
источник

И

Иван in JavaScript — русскоговорящее сообщество
Danya Adadurov
Я не особо шарю) Может и вправду вебпак круче и проще. Я просто посмотрел видосы, выбрал, как мне показалось, самую простую технологию и вот настраиваю.
Галп выглядит просто, да. Но когда тебе нужно не просто прогонять scss в css и склеивать скрипты, его конфигурация становится сложнее и сложнее. После возникновения галпа появилось ну прям МНОГО более простых/удобных/мощных решений. Посмотри на parcel, например.
источник

DA

Danya Adadurov in JavaScript — русскоговорящее сообщество
Иван
Галп выглядит просто, да. Но когда тебе нужно не просто прогонять scss в css и склеивать скрипты, его конфигурация становится сложнее и сложнее. После возникновения галпа появилось ну прям МНОГО более простых/удобных/мощных решений. Посмотри на parcel, например.
приму к сведению, спасибо. Ну пока что мне и надо только склеивать, компилировать, минифицировать и собирать, так что мне хватает. А так у меня было в планах вебпак освоить, не просто так он самый популярный из всех.
источник

RS

Rustam Sahatov in JavaScript — русскоговорящее сообщество
Иван
Галп выглядит просто, да. Но когда тебе нужно не просто прогонять scss в css и склеивать скрипты, его конфигурация становится сложнее и сложнее. После возникновения галпа появилось ну прям МНОГО более простых/удобных/мощных решений. Посмотри на parcel, например.
Парсел тоже ломается, когда нужно сделать что-то кроме того, что ты перечислил. И все равно приходится настраивать конфиг
источник

RS

Rustam Sahatov in JavaScript — русскоговорящее сообщество
Да, это крутая вещь. Но в перспективе
источник

RS

Rustam Sahatov in JavaScript — русскоговорящее сообщество
Если не забросят
источник
2020 May 30

UM

Utsr Mapper in JavaScript — русскоговорящее сообщество
как то можно эти кнопки привязать к js файлу что бы поверх страницы выдавали то что мне надо?
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Utsr Mapper
как то можно эти кнопки привязать к js файлу что бы поверх страницы выдавали то что мне надо?
Можно их создавать и стилизовать жаесом.
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Но я не совсем понимаю, чего ты хочешь.
источник

UM

Utsr Mapper in JavaScript — русскоговорящее сообщество
хочу это сделать что бы открывалось поверх страницы
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Utsr Mapper
хочу это сделать что бы открывалось поверх страницы
z-index тебе в руки.
источник

t

th.witness in JavaScript — русскоговорящее сообщество
Utsr Mapper
хочу это сделать что бы открывалось поверх страницы
Или ты хочешь использовать эту модалку много где всего-лишь подключая некий скрипт-файл?
источник

..

. . in JavaScript — русскоговорящее сообщество
почему так
источник

UM

Utsr Mapper in JavaScript — русскоговорящее сообщество
th.witness
Или ты хочешь использовать эту модалку много где всего-лишь подключая некий скрипт-файл?
ну я хочу поверх страницы сделать что бы выскакивало регистрация или авторизация
источник