Add support for @import

[psydigital]

Would it be possible to add support for an import statement?

[tomickigrzegorz]

You mean importing a library into another project?
Or use a library as a module (<script src="script.js" type="module"></script>)

EDIT:

import Autocomplete from './autocomplete.esm.min.js';

new Autocomplete('basic', {
  onSearch: ({ currentValue }) => {
    const api = `https://rickandmortyapi.com/api/character?name=${encodeURI(
      currentValue
    )}`;
    return new Promise((resolve) => {
      fetch(api)
        .then((response) => response.json())
        .then((data) => {
          resolve(data.results);
        })
        .catch((error) => {
          console.error(error);
        });
    });
  },
  onResults: ({ matches }) =>
    matches.map(({ name }) => `<li>${name}</li>`).join(''),
});

The example above was used with webpack.
See the dist folder.

Of course you can also use this library as a module.

[psydigital]

Thanks @tomickigrzegorz. I was more wanting to install as a Yarn/NPM dep, but I went with this method as you describe.