https://github.com/jwcnewton/ng-material-design

Boilerplate for angular 2 and material design
https://github.com/jwcnewton/ng-material-design

angular2 docker docker-container webpack

Last synced: 13 days ago
JSON representation

Boilerplate for angular 2 and material design

• Host: GitHub
• URL: https://github.com/jwcnewton/ng-material-design
• Owner: jwcnewton
• Created: 2017-06-17T12:44:58.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-06-17T12:51:11.000Z (over 7 years ago)
• Last Synced: 2024-10-10T14:23:36.923Z (2 months ago)
• Topics: angular2, docker, docker-container, webpack
• Language: JavaScript
• Homepage:
• Size: 193 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Demo Docker Workflow for [generator-ng2-webpack](https://github.com/cmelion/generator-ng2-webpack)

A Docker based workflow is a little different from the typical `npm install` followed by `npm start`  routine.

There is no local node_modules folder and all npm modules used are global modules (for more info see [sample docker workflow](https://github.com/cmelion/generator-ng2-webpack/wiki/Sample-Docker-Workflow) ).

Steps:

* Open a terminal

* `npm install -g docker-run` which adds support for [running docker from npm](https://github.com/mafintosh/docker-run)

* `npm run docker-start` from a terminal or use the npm tool window

* Once processing completes, open a browser window at http://localhost:2368

* Make some changes in ng2-webpack-demo-app/src/app/components/home/template.html

* Observe that your changes are reflected in the browser without having to refresh

Use npm to run sub-generators.

For a complete list of available commands and to add tab auto-completion, run the following commands in a terminal:

    $ npm completion >> ~/.bashrc

    $ source ~/.bashrc

    $ npm run 

    

which will produce the following output    

```

build                 docker-open-terminal  e2e-live              new-service           watch

ci                    docker-server         lint                  postinstall           webdriver-start

clean                 docker-start          new-component         server                webdriver-update

clean-install         docker-stop           new-directive         start                 

clean-start           docs                  new-interface         test                  

delayed-open          e2e                   new-pipe              test-watch    

 

```

This workflow serves as a starting point for building component based Angular 2.0/React applications using Webpack. 

### Quick start

```bash

# change directory to your app

$ cd my-app

# start the server

$ npm start

# if you have docker installed

$ docker-compose up

```

go to [http://localhost:2368](http://localhost:2368) in your browser.

## Dependencies

What you need to run this app:

* `node` and `npm` (Use [NVM](https://github.com/creationix/nvm))

## Running the app

After you have installed all dependencies you can now run the app with:

```bash

npm run docker-start

```

It will start a server using `webpack-dev-server` in a docker container which will watch, build (in-memory), and reload for you. The port will be displayed to you as `http://localhost:2368`.

## Developing in the Docker container

* run `docker exec -it ${PWD##*/} /bin/bash` in a terminal window