Laravel Mix, правильный способ установить PhotoSwipe lib - PullRequest
Новая
       6

Laravel Mix, правильный способ установить PhotoSwipe lib

0 голосов
/ 10 сентября 2018

Я пытаюсь включить PhotoSwipe в свой проект.И вопрос, как правильно включить все файлы lib, JS, CSS и изображения.

Я делаю что-то вроде этого - 

yarn add photoswipe

Чем внизу esources / assets / js / bootstrap.js я добавляю 

window.PhotoSwipe = require('photoswipe');

Но мне также нужно включитьдополнительный JS (photoswipe-ui-default.js), не описанный в package.json, не уверен, что это правильный путь? 

mix.copy('node_modules/photoswipe/dist/photoswipe-ui-default.js', 'public/js');

<script src="{{ asset('js/photoswipe-ui-default.js') }}" defer></script>

А также вопрос, как включить файлы скинов?

1 Ответ

0 голосов
/ 27 октября 2018

Я никогда не болел за использование скрипта mix.copy или css, поэтому чувствую себя очень взволнованным, поэтому я сделал

в bootstrap.js 

window.PhotoSwipe = require('photoswipe');
window.PhotoSwipeUI_Default = require('./../../node_modules/photoswipe/src/js/ui/photoswipe-ui-default.js');

в app.scss 

@import "~photoswipe/src/css/main";
@import "~photoswipe/src/css/default-skin/default-skin";

при использовании 

new PhotoSwipe( pswpElement, window.PhotoSwipeUI_Default, items, options);

надеюсь, что это поможет = D

...