@vuejs_ru

Страница 101 из 3900
Михаил
26.01.2017
04:49:40
пофикшена ошибка не было imports-loader)

но это ошибка вебпака

а тут еще плагин сам не находит)

https://gist.github.com/Borzenko/649d2be5542f7c879942f853606a6ab1

Google
Михаил
26.01.2017
04:52:50
$(...).mCustomScrollbar is not a function

не могу понять, что не так

Alex
26.01.2017
04:54:47
А $ глобальным делал плагином?

Через ProvidePlugin

Перепутал :)

Михаил
26.01.2017
04:59:23
Перепутал :)
Да, есть. Я когда беру $('') мне вовзращается jquery dom

Alex
26.01.2017
05:03:05
Где импортируешь плагин: require('malihu-custom-scrollbar-plugin')($);

Михаил
26.01.2017
05:04:27
Сейчас так и есть

если я беру функцию и вызываю ее передавая туда $

то я получаю как раз таки эту ошибку

Alex
26.01.2017
05:05:00
В твоём примере выше просто импорт

Михаил
26.01.2017
05:05:07
Я понял

то out of date)

Google
Alex
26.01.2017
05:05:18
А тут реквайр и тут же вызов с параметром

Михаил
26.01.2017
05:06:02
console.log($) - > Jquery console.log(require('malihu-custom-scrollbar-plugin')) -> func require('malihu-custom-scrollbar-plugin')($); error -> __webpack_require__(...) is not a function

Alex
26.01.2017
05:08:50
Ммм. Я с чем-то таким сталкивался. Правда в своих модулях. Косяк вебпака возможно. Попробуй сделать импорт в переменную и потом выполнить ее с жиквери в параметре

Михаил
26.01.2017
05:09:17
пробовал

сейм щит

Alex
26.01.2017
05:09:55
Ну как до работы доеду попробую не с телефона ещё)

Михаил
26.01.2017
05:10:09
спасибо

думаю может другой плагин глянуть)

Alex
26.01.2017
05:10:29
А что ты делаешь

Михаил
26.01.2017
05:11:02
кастом скролл

не более

Alex
26.01.2017
05:59:02
@borzenko в общем у меня перестал ошибки выкидывать

в конфиге вебпака

{ test: /jquery-mousewheel/, include: /node_modules/, use: [ { loader: 'imports-loader?define=>false,requirejs=>false' } ] }, { test: /malihu-custom-scrollbar-plugin/, include: /node_modules/, use: [ { loader: 'imports-loader?define=>false,requirejs=>false' } ] },

он внутри вызывает зависимостью jquery-mousewheel

Михаил
26.01.2017
05:59:38
ага

сейчас попробую сек

Alex
26.01.2017
05:59:42
require('malihu-custom-scrollbar-plugin')($); $('#test') .mCustomScrollbar();

Михаил
26.01.2017
06:04:39
Вопрос по вебпаку, есть лоадер { test: /malihu-custom-scrollbar-plugin/, loader: "imports?define=>false&this=>window", }, с помощью него вытягивается function по данному пути. В другой части сайта я хочу зареквайрить цсс и той же папки import 'malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css'; Итог: css читается не тем лоадером и падает, я так понимаю мне нужно regexp поменять ?

Google
Alex
26.01.2017
06:47:13
по идее модулю с CSS будет глубоко параллельно на выставленные define & this

Он же исполняться не будет, только уже на страницу поключаться

johan_krs
26.01.2017
06:47:48
в test нужно указывать маску файлов. а пути где парсить нужно указывать через include/exclude

webpack2

Михаил
26.01.2017
06:48:23
var define = false тут эрор Unknown word

это у меня webpack 1

Alex
26.01.2017
06:56:22
Странно, я так datatables подключаю с отключением AMD и у меня на стилях ничего не падает

у меня правда webpack 2

Михаил
26.01.2017
07:15:53
покдлючил через css @import

Alex
26.01.2017
07:16:03
@borzenko возможно кстати потому что ExtractTextPlugin использую

Illya
26.01.2017
07:40:37
хочу странного

Illya
26.01.2017
07:40:47
передать слот от элемента к его внуку

пока не выходит :/

Alex
26.01.2017
08:02:23
@xanf_ua зачем?) где тебе такое потребовалось?

а содержимое слота вставлять в новый слот не дает?

Illya
26.01.2017
08:02:43
Да вот либо я туплю, либо пока не знаю как красиво это решить

У меня есть вьюшный компонент, обертка над jsgrid

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

т.е. чтоб внешнее API выглядело так: ` <grid> <slot name="foo-column">Шаблон для foo-column</slot> </grid>

Google
Alex
26.01.2017
08:04:50
форматтер может функцией лучше делать?

Illya
26.01.2017
08:04:51
Но данные будут рендериться "потом" естественно и на стороне jsgrid. У меня есть ссылка на мой компонент grid, я смогу правильно установить parent, но вот отрендерить "слот"

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

такое

можно вообще просто передавать вьюшные компоненты туда

но это слегка избыточно если мне нужно просто шаблон

Admin
ERROR: S client not available

Illya
26.01.2017
08:06:13
Vue.compile у меня естественно нет

вобщем думаю

а вообще не хватает слегка возможности краткой записи функциональных компонентов

ну или я напрочь туплю и где-то упускаю очевидное

Alex
26.01.2017
08:09:27
А почему Vue.compile нету)

Illya
26.01.2017
08:12:17
потому что не хочу его тянуть

Сашка
26.01.2017
08:12:26
Гайз, кто юзает вью-лоадер, компиля стили в отдельный css-ник?

Alex
26.01.2017
08:12:51
я так делаю

Illya
26.01.2017
08:12:55
стандартный сетап vue-cli? :)

Alex
26.01.2017
08:13:10
я до vue-cli что-то так и не добрался

все хардкором сам

Illya
26.01.2017
08:13:20
А я слабый. С него начал :)

он вменяемый

Google
Illya
26.01.2017
08:13:29
без излишеств

Сашка
26.01.2017
08:13:44
Огонь! Нет, но основывался на vue-cli. Ща опишу проблему

Alex
26.01.2017
08:13:53
пока еще не захлестнула меня радость от командной строки везде видимо)

@xanf_ua https://forum.vuejs.org/t/passing-slot-value-from-app-to-grandchild-component/3822 :D ты не один

Illya
26.01.2017
08:14:40
оу, все забываю что кроме ишьюсов еще и форум есть

раз ответа нет - значит я где-то упускаю фундаментальную вещь

и ошибка в подходе

Andrey
26.01.2017
08:18:53
лучше чем https://github.com/BosNaufal/vue-scrollbar есть что-то? мне без infinite, просто скролл

Сашка
26.01.2017
08:19:32
В общем. Я бью отдельные компоненты на отдельные js-ники, грузящиеся ассинхронно. Есть некие core.js, page1.js, page2.js и т.д. Сопсна проблема в том, что лоадер компилит стили только для core.js, а остальные напрочь игнорит. Отдельные модули подключаю в роутере так: routes: [ { path: '/page1', alias: '/', component(resolve) { require(['pages/page1'], resolve); } } ] Для вью-лоадера стандартная настройка, прям из гайда: { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { css: extractStyles.extract({//extractStyles = new ExtractTextPlugin('main.css') loader: 'css-loader', fallbackLoader: 'vue-style-loader' }) } } } И нифига. В main.css попадают стили только из корневого модуля и его "подмодулей"

Alex
26.01.2017
08:20:44
extractStyles != new ExtractTextPlugin

Сашка
26.01.2017
08:21:05
extractStyles = new ExtractTextPlugin('main.css')

Alex
26.01.2017
08:21:05
в плагинах new ExtractTextPlugin({ filename: 'aaaaaalllllll.css', allChunks: true }),

// VUE { test: /\.vue$/, include: /(app\\assets|node_modules)/, use: [ { loader: 'vue-loader', options: { loaders: { css: ExtractTextPlugin.extract({ loader: 'css-loader', fallbackLoader: 'vue-style-loader' }), scss: 'style-loader!css-loader!sass-loader' } } } ] },

ExtractTextPlugin.extract != new ExtractTextPlugin

прям из гайда :)

который я пока всё не могу доперевести ?

Сашка
26.01.2017
08:22:36
Да мне прост надо 2 ExtractTextPlugin заюзать

Страница 101 из 3900