Решил попробовать переписать старый лендинг без использования Bootstrap и понял, насколько от него зависим, в частности, от его плагинов. Теперь терзают сомнения, а настолько ли я хорош как разработчик.
Что касается javascript, тут я полностью солидарен.
с чем?
С тем, что для типичных задач уже нет острой необходимости подключать JQuery для того, чтобы код был кроссбраузерным.
Типичная задача с использованием gulp-sass, пример приводится тут https://www.npmjs.com/package/gulp-sass. Два файла, каждый со своими импортами, собираются в 2 отдельных css. Если изменить один из импортируемых файлов, пересобираются оба, а мне нужно, чтобы пересборка затрагивала лишь тот файл, чей импорт был изменён.
1. Не умничай.
2. Эти скринкасты есть на Github в виде текста и кода.
3. Самостоятельно (без ментора или приведённого выше видеоруководства) новичку очень сложно разобраться в дебрях кода, особенно, если он не знает javascript. А автор написал, что он новичок.
4. Возможно, я немного преувеличил, назвав данные скринкасты лучшими на YouTube, поэтому уточню: это лучшие русскоязычные скринкасты.
Отредактировал код выше, вы объявляете переменную concat, а в задаче используете concatCss, из-за этого и проблема.
Насчёт package.json не совсем понял вопрос. Вы ставите gulp-плагины, они автоматически прописываются в package.json. Когда вы определитесь со своей gulp-сборкой, можно будет использовать этот файл для быстрого скачивания пакетов. Просто перемещаете package.json в папку с новым проектом и запускаете в командной строке npm install, все плагины, перечисленные в этом файле, автоматически установятся в папку node_modules. Если нужно обновить плагины, запускаем в консоли команду npm update (при этом обновится и сам package.json).
1. Что если я хочу использовать исходники Bootstrap, написанные на SASS?
2. Это вроде в Browserify что-то такое есть. То есть мне подключать основной файл на страницу, допустим, vendor.js, а в него уже прописывать импорты? Какой будет результат при сборке на production?
Я читал все рекомендации Google, но там иногда встречаются противоречивые советы. Например, они не рекомендуют использовать для кеширования шрифтов local storage, а в этой статье хвалят данную технику. Поэтому важно собрать информацию из разных источников, узнать мнение опытных веб-разработчиков.
В основных браузерах (Chrome, Firefox, Opera) работает корректно. С уточнением Ridz работает и в Edge. Попутный вопрос: возможно ли сократить эту запись
С тем, что для типичных задач уже нет острой необходимости подключать JQuery для того, чтобы код был кроссбраузерным.