Laravel 5 Laravel Mix，安装Photosweep库的正确方法

我试着把Photosweep加入到我的项目中。还有一个问题是如何正确地包含所有lib文件、JS、CSS和图像

我是这样做的-

yarn add photoswipe

而不是我添加的esources/assets/js/bootstrap.js的底部

window.PhotoSwipe = require('photoswipe');

但我还需要包括package.json中没有描述的额外JS（photosweep ui default.JS），不确定这是正确的方法吗

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

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

mix.copy（'node_modules/photoswip/dist/photoswip ui default.js'，'public/js'）；

---

还有一个问题是如何包含皮肤文件？

我从来都不喜欢使用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 window.PhotoSwipe( pswpElement, window.PhotoSwipeUI_Default, items, options);

---

希望它的帮助=D

我从来都不喜欢使用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 window.PhotoSwipe( pswpElement, window.PhotoSwipeUI_Default, items, options);

希望它有帮助