プロジェクト内に 3 つのファイル (core、theme、および glidejs) をインポートしました。
しかし、レイアウトは奇妙に思えます:
HTML:
doctype html
html(lang=fr)
head
title= 'Toutounet'
link(rel='stylesheet' href='/assets/glide/glide.core.min.css')
link(rel='stylesheet' href='/assets/glide/glide.theme.min.css')
script(src='/assets/glide/glide.min.js')
script.
new Glide('.glide').mount()
body
div(class='glide')
div(class='glide__track' data-glide-el='track')
ul(class='glide__slides')
li(class='glide__slide') slide1
li(class='glide__slide') slide2
li(class='glide__slide') slide3
div(class='glide__arrows' data-glide-el='controls')
button(class='glide__arrow glide__arrow--left' data-glide-dir='<') prev
button(class='glide__arrow glide__arrow--right' data-glide-dir='>') next
また、ボタン上のテキストは表示されません。
さらに、次の方法でノードパッケージをインポートしようとしました：
npm i --save @glidejs/glide
しかし、ドキュメントにあるようにリンクが機能せず (href="node_modules/@glidejs/glide/dist/css/glide.core.min.css")、パッケージが node_modules ディレクトリに追加されません。
どうも。
@Sean の応答後に編集されましたが、今は矢印が見えません。