Question

我尝试将PhotoSwipe包含到我的项目中。以及如何正确地包含所有lib文件，JS，CSS和图像的问题。

我做这样的事情-

yarn add photoswipe

比我添加的esources / assets / js / bootstrap.js底部

window.PhotoSwipe = require('photoswipe');

但是我还需要包括package.json中未描述的额外JS（photoswipe-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>

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

Answer 1

我从不喜欢使用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

Laravel Mix，安装PhotoSwipe lib的正确方法

1 个答案: