https://github.com/frankwallis/webpack-demo

demo of webpack, knockout, es6, babel, cherrytree and react
https://github.com/frankwallis/webpack-demo

Last synced: 10 days ago
JSON representation

demo of webpack, knockout, es6, babel, cherrytree and react

• Host: GitHub
• URL: https://github.com/frankwallis/webpack-demo
• Owner: frankwallis
• License: mit
• Created: 2015-09-25T14:13:05.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-11-06T17:01:21.000Z (about 9 years ago)
• Last Synced: 2024-11-13T18:49:16.344Z (2 months ago)
• Language: TypeScript
• Size: 3.59 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# webpack-demo

A sample Visual Studio project using WebPack, Knockout, ES6, Babel, CherryTree and React

## Running

- Install NodeJS

- Open a command prompt

- Install webpack globally with `npm install -g webpack`

- Clone the project with ```git clone https://github.com/frankwallis/webpack-demo.git```

- `cd` into the project directory ```cd webpack-demo/webpack-demo```

- run `npm install`.

- Run `webpack -w`

- Open the solution in Visual Studio

- Run the application

## Overview

- The source code is in /App

- The project uses npm to install its packages into ```node_modules``` and these are configured in ```package.json```

- Webpack watches for updates and continuously bundles the project into ```/Built```

- It is possible to host React components inside Knockout components, but not vice-versa.

- Babel compiles ES6 and JSX to ES5.

- WebPack can be configured to run in Visual Studio and write to the output window

- CherryTree is based on router.js which is used by Ember.

## Issues

VS 2012 cannot handle the ES6 syntax - this should be fixed in VS2015

## More information

- https://github.com/QubitProducts/cherrytree

- https://github.com/nathanboktae/cherrytree-for-knockout

- http://developer.telerik.com/featured/webpack-for-visual-studio-developers/

- https://github.com/webpack/docs/wiki/Usage-with-Visual-Studio