Rails 6.0.0-beta3 및 AdminLTE 3 Docker 개발 환경 만들기

이전에 만든 Rails5.2 + AdminLTE2의 Docker 개발 환경을 Rails6 및 AdminLTE3로 업데이트해 봅니다.

ruby/Rails/AdminLTE 버전 업

Docker 이미지를 ruby:2.6-alpine3.9로 업데이트합니다.
Rails는 현재 6.0.0.beta3가 최신입니다.
AdminLTE는 최신 버전 ``을 사용합니다.

이 단계는 거의 문제없이 돌파 할 수있었습니다.

커밋

참고:

htps //w w. srocksty ぇ. 이 m/로ゔぇぉp/3641/

Webpacker 설정

여기에서 상당히 장애물이 높아집니다.

Rails6부터 Webpacker가 기본값이 될 것 같습니다. 선택은 다음과 같습니다.

Webpacker에서 Javascript, CSS, image 모두 처리

Webpacker에서 자바 스크립트를 처리하고 Sprockets에서 이미지 assets 및 CSS를 계속 처리합니다.

Webpacker를 삭제하고 원래 사용했던 Sprockets에서만 계속

Webpacker를 삭제하고 Webpack으로 마이그레이션 (!!)

4.는 학습 비용이 높기 때문에 이번에 했습니다.
3.는 간단하겠지만 별로 재미없고 선택 밖으로 했습니다.
1.은 도중에 포기하고 2.로 만들었습니다. Webpacker의 학습 비용도 나름입니다.

큰 포인트로서는 이하입니다.

종속 라이브러리 참조 application.js는 다른 디렉토리로 이동하여 Webpacker에서 관리합니다.

Webpacker의 추가 설정으로 jquery를 인식시킬 필요가 있다.

config/webpack/environment.js

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')

environment.plugins.prepend(
    'Provide',
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  )

module.exports = environment

결과적으로 움직였습니다! 그러나 icheck.js의 오류 만 해결할 수 없었습니다. .





커밋

참고:

htps : // 기주 b. 코 m / 라이 ls / ぇ b 파 케 r

htps : // 기주 b. 이 m/라이 ls/우ぇ b파c케 r/bぉb/마s r/도 cs/도 c케 r. md

htps : // m / pa rk-jh / ms / d279b6, df2c29202c3

htps : /// ch 라쵸. bp 신 c. jp/벌 8833/2018_05_17/56568

Webpacker를 단일 컨테이너로 이동

아래 수동으로 설정합니다. 아직 자동화되지 않았습니다.

config/environments/development.rb

config.webpacker.check_yarn_integrity = false

config/webpacker.yml

development:
  dev_server:
    host: webpacker
    hmr: true

이제 Webpacker가 새 컨테이너에서 시작되고 webpack-dev-server가 Hot Reload Mode에서 실행됩니다.

# アプリやDBファイルを削除
$ rm -rf rails-app mysqldata
# 最初から作り直して動作確認する
$ docker-compose -f docker/docker-compose.create-rails.yml up --force-recreate
$ docker-compose -f docker/docker-compose.dev.yml build
$ docker-compose -f docker/docker-compose.dev.yml up

커밋

참고:

htps : // 메이 m. 코 m / 그렇게 l 와 s - 아이 / 룬 인 g - 아 ls - 아 p ぃ th ぇ b b c r r an de c r 8d29153d3446