An open API service indexing awesome lists of open source software.

https://github.com/kittaakos/theia-webpack-visualizer

A plug-in that visualizes Webpack dependencies inside Theia
https://github.com/kittaakos/theia-webpack-visualizer

Last synced: 3 months ago
JSON representation

A plug-in that visualizes Webpack dependencies inside Theia

Awesome Lists containing this project

README

        

# Hello World Extension Example
The example of how to build the Theia-based applications with the theia-webpack-visualizer-extension.

## Getting started

Install [nvm](https://github.com/creationix/nvm#install-script).

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.5/install.sh | bash

Install npm and node.

nvm install 8
nvm use 8

Install yarn.

npm install -g yarn

## Running the browser example

yarn rebuild:browser
cd browser-app
yarn start

Open http://localhost:3000 in the browser.

## Running the Electron example

yarn rebuild:electron
cd electron-app
yarn start

## Developing with the browser example

Start watching of the hello world extension.

cd theia-webpack-visualizer-extension
yarn watch

Start watching of the browser example.

yarn rebuild:browser
cd browser-app
yarn watch

Launch `Start Browser Backend` configuration from VS code.

Open http://localhost:3000 in the browser.

## Developing with the Electron example

Start watching of the hello world extension.

cd theia-webpack-visualizer-extension
yarn watch

Start watching of the electron example.

yarn rebuild:electron
cd electron-app
yarn watch

Launch `Start Electron Backend` configuration from VS code.

## Publishing theia-webpack-visualizer-extension

Create a npm user and login to the npm registry, [more on npm publishing](https://docs.npmjs.com/getting-started/publishing-npm-packages).

npm login

Publish packages with lerna to update versions properly across local packages, [more on publishing with lerna](https://github.com/lerna/lerna#publish).

npx lerna publish