let array = Array.from({ length: 10 }, (v, k) => k);
const getDelay = () => 1000 * Math.random();
var delays = array.map(getDelay).sort((a, b) => a > b); // по возрастанию
console.log(delays); // подготовил заранее
const fn = (el) => {
var delay = delays.shift();
// console.log(`delay for ${el} :`, delay);
setTimeout(() => {
console.log(el);
}, delay);
return el * 2;
};
console.log(array.map(fn));
все что нужно - может webpack
всё что вам нужно, видимо.
Потому что webpack не может всего того, что можно намутить с гальпом.
var mobileNav = $('#mobileNav')
var navbarToggler = $('.navbar-toggle')
mobileNav.on('click', 'a', onMobileNavClick) // при клике на ссылку внутри mobileNav
function onMobileNavClick(e) {
navbarToggler.trigger('click') // закрываешь меню
}
Более того, gulp может для вас и webpack запустить, если хочется обрабатывать javascript-файлы именно им.
2. есть компоненты, котороые появятся на нескольких страницах(или на всех, типа Button)
3. есть компоненты типа "лейаутовые"(Header, Footer), которые появятся на всех страницах, однако логически их нельзя поместить в одну папку с теми, что из 2 пункта.
4. есть компоненты, которые принадлежат только компоненту, который находится внутри только определённой страницы.
Если вы говорите, что ваша структура папок вас устраивает при таком размере проекта, выходит что она действительно удобная. В связи с этим не могли бы вы показать проект, где вы используете эту структуру, чтобы я мог в деталях с ней ознакомиться.