webpack

Dockerized webpack and webpack-dev-server container, based on alpine to produce a small NodeJS container.

About webpack

From webpack's website:

At its core, webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles.

Getting started

Requirements

• A webpack configuration file inside of your web app.
• Docker

Usage

Creating webpack bundles from your app

Run this command so webpack can compile your application:

docker run -v $(pwd):/srv -w /srv/resource -ti huli/webpack webpack --config webpack.config.js

Assuming that:

• Your source is located in ./resource folder
• There's a webpack.config.js file inside ./resource folder

Running webpack-dev-server

Use this command to run web-pack-dev-server and take advantage of features like hot module replacement

docker run -v $(pwd):/srv -w /srv/resource -p 9000 -ti huli/webpack webpack-dev-server --hot --progress --host 0.0.0.0 --config webpack.config.js

Assuming that:

• Your source is located in ./resource folder
• There's a webpack.config.js file inside ./resource folder
• You configured webpack-dev-server to use port 9000

Building image for testing

Use this command to build and push image for testing, replace <tag> with the appropiate value.

docker build . -t huli/web-frontend:<tag>

Build multiarch image and push to registry

docker buildx build --platform linux/amd64,linux/arm64 -t huli/web-frontend:<tag> --push .