я так понимаю в componentConfig у тебя темплейт

Всего лишь надо было оказывается! )

Всего лишь надо было оказывается! )

а, окей, я просто ивент бас юзал ток в учебных целях, так что буду знать тож, спс)

а не подскажите есть ли компонент что бы генерировать многостраничный pdf с хидерами и футерами?

кто то работал с vue-howler?

с обычным howler работал, не понимаю зачем vue-вариация, если и так всё отлично подцепляется

проблем не было

а куда по уму нужно подцеплять глобальный файл со стилями, в App.vue?

я в main.js цеплял

import './style/main.styl';

или даже так в App.vue <style src="./style.css"></style>

с обычным howler работал, не понимаю зачем vue-вариация, если и так всё отлично подцепляется

ты подцеплял настройки плеера во .вью файл?

как в атоме поменять форматирование пробелов ? ну выставить дефолтное и изменить в текущем документе табуляции на два пробела ?

кстати а как сколько принято у вас ?

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

я хочу tab - 2 spaces

Editorconfig

preferences - editor

Лучше один файл закинуть в репо и чтобы у всех редакторы поддерживали его и юзали что там указано

да, соглашусь)

блин я там посмотрел ну меня устраивает да ак раз 2 пробела как и у вас на скрине, но тут проект простите на "реакте" там видимо так принято там же JSX всем на прбелы похер, некоторые файлы по 4 пробела табает некоторые по 2

о поставил soft вроде табает везде одинаково

Привет! Кто-нибудь пользуется webpack? как одним импортом в ключевом scss файле подключить всю папку?

Лучше один файл закинуть в репо и чтобы у всех редакторы поддерживали его и юзали что там указано

а сколько в JS сообществе принято вообще размер табуляции ?

а сколько в JS сообществе принято вообще размер табуляции ?

Не стоит вскрывать эту тему)))

Не табы, а пробелы !😃

Привет! Кто-нибудь пользуется webpack? как одним импортом в ключевом scss файле подключить всю папку?

Кто-нибудь пользуется - это шутка такая? 😆

блин ) ну в руби - 2, ios - 4 =)

4 проб

ок, понял, тогда щас поменяю

Привет! Кто-нибудь пользуется webpack? как одним импортом в ключевом scss файле подключить всю папку?

А вообще варианта два: 1) никак 2) использовать что-то вроде https://www.npmjs.com/package/import-glob

@c01nd01r @alex_sokolov вы случайно не помните видос Ильи Климова про то, что измнеения кода через регулярки это зло, а вот изменять его через ast это норм?

Я не помню такого

мб месяца 2 назад кто-то ссылку кидал

Ребят, как бы вы посоветовали сделать. Есть массив в котором вложенные объекты. В тех объектах тоже есть объекты и т.д. Соотвественно есть несколько вложенных циклов v-for. Мне нужно делать v-show для парента в зависимости от данных которые есть у внутренних объектах. Что то нет идей:)

Computed isShow () {} emit паренту с isShow ?

итерации циклов выпиливать в компоненты, иначе с вложенными-перевложенными циклами еще та морока будет

Если это рекурсия, то запилить рекурсивный компонент

А вообще варианта два: 1) никак 2) использовать что-то вроде https://www.npmjs.com/package/import-glob

я хочу чтобы в laravel 5 все работало) Как будет правильно сюда, дописать import global? для scss

я хочу чтобы в laravel 5 все работало) Как будет правильно сюда, дописать import global? для scss

var requireTest = require.context('./test', true, /.scss$/); requireTest.keys().forEach(requireTest);

Не совсем понятно, зачем юзать CopyWebpackPlugin в обход микса

Не совсем понятно, зачем юзать CopyWebpackPlugin в обход микса

скопировал пример, а так верно

А что использовать для формирования хедера? vue-meta vue-head vue-helmet Может еще чего есть? 🤔

nuxt юзает vue-meta

скопировал пример, а так верно

Уточни ещё раз задачу. Ты хочешь в scss-файле использовать @import '*'; ?

Уточни ещё раз задачу. Ты хочешь в scss-файле использовать @import '*'; ?

Да, именнто так. В файле webpack есть строка mix.sass('resources/assets/sass/app.scss', 'public/css'); а в файле app.scss "@import "app/test/*";"

Да, именнто так. В файле webpack есть строка mix.sass('resources/assets/sass/app.scss', 'public/css'); а в файле app.scss "@import "app/test/*";"

но не импортируется все

Уточни ещё раз задачу. Ты хочешь в scss-файле использовать @import '*'; ?

нашел import-glob, пытаюсь прикрутить его

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

import-glob для импорта в js, для sass есть https://www.npmjs.com/package/node-sass-glob-importer

import-glob для импорта в js, для sass есть https://www.npmjs.com/package/node-sass-glob-importer

добавил эту строку mix.webpackConfig({module: {rules: [{test: /\.scss$/, loader: 'import-glob-loader'}]}});

import-glob-loader не работает с webpack начиная с третьей версии вроде. Совсем

Но если у тебя меньше - дерзай :)

import-glob-loader не работает с webpack начиная с третьей версии вроде. Совсем

там если меняю область загрузки "@import "app/test/*.scss";" пишет ошибки, а потом все норм дальше, как нужно компилируется

Но если у тебя меньше - дерзай :)

пишет File to import not found or unreadable: app/**/*. а потом 95% emitting DONE Compiled successfully in 826ms23:09:45, и дальше

Я бы тебе всё-таки советовал не лениться и руками подключать

Товарищи, а поясните ка как правильно. Вот есть у меня товар, это по сути объект со свойствами {price, name, weight, description, feautues: []} Если я его выношу в компонент, можно ли как-то его рендерить по разному, например, в списке товаров это один шаблон, в карточке товара - другой.

Я бы тебе всё-таки советовал не лениться и руками подключать

файлов очень много, а так скорее всего придется) Спасибо!

файлов очень много, а так скорее всего придется) Спасибо!

Просто могут потом начаться проблемы, если что-то одно нужно будет раньше чего-нибудь другого подключить, а другое раньше третьего, а третье...и так далее

Есть ещё https://www.npmjs.com/package/node-sass-glob-importer

Более живая либа, может поможет

Более живая либа, может поможет

а как лучше подключать миксины, переменные? в главный первый файл? или в каждый, где это нужно?

В первый

Переменные тоже в первый, но можно (имхо) ещё дублировать в каждом файле с флагом !default. Хотя его вообще везде стоит использовать

Дублировать, естественно, только те, которые в конкретном файле используются

Переменные тоже в первый, но можно (имхо) ещё дублировать в каждом файле с флагом !default. Хотя его вообще везде стоит использовать

посмотрел исходники 3 бутстрапа, там в bootstrap.less сначала variables, потом миксини и дальше все остальное

Да. Понятное дело, что под "первым" файлом не обязательно понимать один файл

Что-то мы от тематики чата отошли совсем

парни, что -то я не могу сообразить как решить кейс: есть форма с кнопкой назад. соответсвенно если есть куда возвращаться (реальная страница), то вернуться назад (router.go(-1)), если нет то вернуться на главную

просто window.history вообще ничего не говорит. можно конечно ориентироваться на window.history.lenght, но чую я что у каждого браузера может там быть свое значение

у хрома там в новой вкладке почему-то 2 (хотя я предполагаю почему)

просто window.history вообще ничего не говорит. можно конечно ориентироваться на window.history.lenght, но чую я что у каждого браузера может там быть свое значение

Более того - на него нельзя ориентироваться

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

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

Скорее всего это и есть самое адекватное решение

Как сделать, чтобы firefox выводил console.log как chrome?

это как?

это как?

https://forum.vuejs.org/t/firefox-quantum-and-console-log/21703

Может проще способ есть?