punimeister/webpack-babel repository overview

.
├── .gitignore
├── docker-compose.yml
└── web
    ├── public
    │   └── index.html
    └── src
        ├── entry1.js
        └── entry2.js

node_modules
*.js.map

version: '3'

services:

  webpack-babel:
    image: punimeister/webpack-babel
    restart: on-failure
    environment:
      MODE: development
      EP_test1: ./web/src/entry1.js
      EP_test2: ./web/src/entry2.js
      OUTPUT_DIR: ./web/public
      OUTPUT_FILE: '[name].js'
    volumes:
      - .:/app

<!doctype html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>webpack babel testing</title>
</head>
<body>
  <div id="test"></div>
  <script src="test1.js"></script>
  <script src="test2.js"></script>
</body>
</html>

document.getElementById('test').innerText = 'hello webpack';

document.getElementById('test').style.color = 'skyblue';