webcomponent-x6

This repository contains a reusable web component for the popular JavaScript diagramming library X6

Setup

Move to web component:

cd antv-x6-web-component

Note

Inside the README of the web component, you will also find the project settings along with optional configurations.

Install dependencies:

npm i

Install the TypeScript definitions for the lodash-es library as a development dependency

npm install --save-dev @types/lodash-es

Build

This sample uses the TypeScript compiler to produce JavaScript that runs in modern browsers.

To build the JavaScript version of your component:

npm run build

Dev Server

This sample uses open-wc's es-dev-server for previewing the project without additional build steps. ES dev server handles resolving Node-style "bare" import specifiers, which aren't supported in browsers. It also automatically transpiles JavaScript and adds polyfills to support older browsers.

To run the dev server and open the project in a new browser tab:

npm run serve

There is a development HTML file located at /dev/index.html that you can view at http://localhost:8000/dev/index.html.