
Михаил
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 использую

Сашка
26.01.2017
07:29:04

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 заюзать