Webpack и Gulp — популярные сборщики модулей на JavaScript. Каждый инструмент имеет свои преимущества и недостатки. Возникает вопрос, какой сборщик лучше использовать. Банально, но универсального ответа нет. Дело в том, что оба инструмента выполняют разные функции. Вы можете использовать и Webpack, и Gulp, но чтобы делать это корректно, нужно в первую очередь определиться с тем, какую задачу вам нужно решить. Для наглядности приведём пример из жизни. Вам нужно забить гвоздь. Это можно сделать любым подручным средством, но лучше взять более правильный инструмент — молоток. Так и в JavaScript — инструментов много, но использовать надо подходящий...
Сегодня мы разберем удобный scss-миксин для ускорения работы по адаптивности наших проектов. Для использования этого плагина вам нужно подключить его к основному файлу scss. В scss вы можете вставить код в начале файла или подключить файл командой: @import 'path_file.scss'; Код миксина. // Using
//.div {
// @include _1170 {
// @content;
// }
//}
//media_mixin.scss
@mixin _1170 {
@media (max-width: 1170px){
@content;
}
}
@mixin _979 {
@media (max-width: 979px){
...