Getting started

Pull and run

You can pull from Docker hub and get this going with only a few steps.

Pull it:

docker pull k00ni/docker-nodejs-environment

To start the environment, execute:

docker run -v /path/to/local/project/folder:/usr/src/app -p 8080:8080 k00ni/docker-nodejs-environment

An existing Webpack-NPM project can be mounted, if the webpack.config.js and package.json are already created.

Build and run yourself

To build this container execute:

docker build -t docker-nodejs-environment .

and run with a mounted empty folder to start a new project:

docker run -v $PWD/your-project:/usr/src/app -p 8080:8080 docker-nodejs-environment

An existing Webpack-NPM project can be mounted, if the webpack.config.js and package.json are already created.

Docker Compose

You can also setup your container with Docker Compose and the corresponding docker-compose.yml YAML file. See the provided Docker Compose file in the repository for example.

To build the container use the following command:

docker-compose build

and to start the container use:

docker-compose up

Start a new project

After starting your Docker container the mounted folder contains some new config files for NPM, Webpack etc., the index HTML file ./dist/index.html and the main Javascript file ./src/index.js.

Open your browser and go to http://localhost:8080/ should show the text 'My Minimal React Webpack Babel Setup!' from index.js. This is the entry file to start coding with react.

Read the ReactJS Tutorial to learn more.

Build production

To build a production bundle this image contains a build script to create a minified bundle.js with webpack. Its configuration is stored in webpack.config.production.js.

To create the build exec into container (docker exec -it <container-name> bash) an run npm run build. This will create the minified file ./dist/bundle.js