Draggablejsというライブラリの使い方が分からないです。

ライブラリ「Draggablejs」の使い始め方を教えていただきたいです。
そもそも、使い始められてません。

下記ページを参考にコードを書きました。
https://github.com/Shopify/draggable/tree/master/src/Draggable
しかし、
importがあるとブラウザが解釈できない？のかエラー「Unexpected token {」となります。
importをコメントアウトしても、エラー「Draggable is not a constructor」
となってしまいます。

javascript
1//「Unexpected token {」となるため、コメントアウト。
2//import { Draggable } from '@shopify/draggable';
3const draggable = new Draggable(document.querySelectorAll('ul'), {
4  draggable: 'li'
5});
6
7draggable.on('drag:start', () => console.log('drag:start'));
8draggable.on('drag:move', () => console.log('drag:move'));
9draggable.on('drag:stop', () => console.log('drag:stop'));

html
1<ul>
2  <li>sample txt</li>
3  <li>sample txt</li>
4</ul>
5<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.6/lib/draggable.bundle.js"></script>