88 webpacker on docker compose

.env.dev.docker.compose

@@ -15,3 +15,8 @@ REDIS_CLIENT_URL=redis://redis:6379/0
 
 WEB_TITLE=CW-OVP
 WEB_LOGO_URL=https://raw.githubusercontent.com/x1wins/CW-OVP/master/app/assets/images/CW_OVP_LOGO_200x200.png
+
+RAILS_ENV=development
+NODE_ENV=development
+WEBPACKER_DEV_SERVER_HOST=webpacker
+WEBPACKER_DEV_SERVER_PORT=3035

Dockerfile

@@ -23,9 +23,9 @@ RUN mkdir /myapp
 RUN mkdir /storage
 WORKDIR /myapp
 COPY . /myapp
-RUN gem update --system
-RUN bundle check || bundle install --jobs 4
-RUN yarn install --check-files
+RUN gem update --system \
+    && bundle check || bundle install --jobs 4 \
+    && yarn install --check-files
 
 ARG RAILS_MASTER_KEY
 RUN if [ "$RAILS_MASTER_KEY" ] ; then RAILS_MASTER_KEY=${RAILS_MASTER_KEY} RAILS_ENV=production bundle exec rails assets:precompile ; fi

docker-compose.yml

@@ -42,6 +42,20 @@ services:
     ports: []
     depends_on:
       - web
+  webpacker:
+    <<: *app_base
+    command: ./bin/webpack-dev-server < echo 'y'
+    env_file:
+      - .env.dev.docker.compose
+      - .env.dev.s3
+    volumes:
+      - .:/myapp
+    environment:
+      WEBPACKER_DEV_SERVER_HOST: 0.0.0.0
+    tty: false
+    stdin_open: false
+    ports:
+      - '3035:3035'
 networks:
   cw_ovp_network:
     driver: bridge

package.json

@@ -7,6 +7,8 @@
     "@rails/activestorage": "^6.1.4-1",
     "@rails/ujs": "^6.1.4-1",
     "@rails/webpacker": "5.4.2",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^3.3.12",
     "@videojs/themes": "^1.0.1",
     "animate.css": "^4.1.1",
     "bulma": "^0.9.3",
@@ -17,6 +19,6 @@
   },
   "version": "0.1.0",
   "devDependencies": {
-    "webpack-dev-server": "^4.0.0"
+    "webpack-dev-server": "3.11.2"
   }
 }