How to use it with Webpack?

[gasatrya]

I tried to import is-land.js using Webpack. Run npm install @11ty/is-land then required it inside the entry const island = require('@11ty/is-land'). In the terminal, I get this warning message.

WARNING in ./node_modules/@11ty/is-land/is-land.js 205:18-38
Critical dependency: the request of a dependency is an expression
 @ ./src/_assets/js/index.js 1:15-39

Webpack then merge is-land.js along with the other vendor inside a single file vendors.js, then I load it on my layout file <script src="{{ '/assets/vendors.js' | url }}" defer></script>

Then I tried to load alpinejs on the page.

<is-land on:visible import="https://unpkg.com/alpinejs">
</is-land>

But I got this error message