# webpack-usage-example
An example how to use [OpenSheetMusicDisplay](https://github.com/opensheetmusicdisplay/opensheetmusicdisplay) within a Webpack build. Uses TypeScript.

## Usage
```
$ npm install
$ npm start
```

Now you can browse to http://127.0.0.1:8080 and see your running instance of
OpenSheetMusicDisplay.

If you decided to play around and make changes, you can trigger a rebuild anytime using
```
$ npm run webpack
```

You may have to do a hard refresh in the browser (Ctrl+F5), Chrome sometimes caches the old page and compiled index.ts.

## Project structure
* `index.ts` - the application's entry point, contains all sources
* `webpack.config.js` - Webpack configuration
* `tsconfig.json` - TypeScript compiler configuration
* `MuzioClementi_SonatinaOpus36No1_Part1.xml` - the MusicXML file to be displayed

### Build artifacts
* `dist/` - directory containing all build artifacts, will be served on `npm start`

# webpack-usage-example
An example how to use [OpenSheetMusicDisplay](https://github.com/opensheetmusicdisplay/opensheetmusicdisplay) within a Webpack build. Uses TypeScript.

## Usage
```
$ npm install
$ npm start
```

Now you can browse to http://127.0.0.1:8080 and see your running instance of
OpenSheetMusicDisplay.

If you decided to play around and make changes, you can trigger a rebuild anytime using
```
$ npm run webpack
```

You may have to do a hard refresh in the browser (Ctrl+F5), Chrome sometimes caches the old page and compiled index.ts.

## Project structure
* `index.ts` - the application's entry point, contains all sources
* `webpack.config.js` - Webpack configuration
* `tsconfig.json` - TypeScript compiler configuration
* `Resources/` - Resources folder for project data
  * `MuzioClementi_SonatinaOpus36No1_Part1.xml` - the MusicXML file to be displayed
  * `favicon.ico` - OSMD icon for the tab bar

### Build artifacts
* `dist/` - directory containing all build artifacts, will be served from a local http server on `npm start`

Update Readme - project structure
Update Readme - project structure