t0b3 / ol-skypack

Using OpenLayers with Skypack

OpenLayers + Skypack

This example demonstrates how the ol package can be used with Skypack.

Skypack allows web pages to import remote packages using ES modules without a development server or bundler. When using Skypack, instead of importing directly from the ol package, you rewrite your imports to use URLs like https://cdn.skypack.dev/ol. For example:

import Map from 'https://cdn.skypack.dev/ol/Map.js';

See the main.js for a complete example.

Although you do not need a development server to bundle modules, using Skypack does require that you use HTTP(S) to view your index.html page. So an HTTP server like Apache or nginx is required.

For developing locally, you can also launch a simple HTTP server using your favorite environment right from this directory:

npx serve .                  # Node.js, or
python3 -m http.server 3000  # Python, or
php -S localhost:3000        # PHP, or
ruby -run -e httpd . -p 3000 # Ruby

You should now be able to load the index.html map example at http://localhost:3000.