docker-compose를 사용하여 bootstrap-vue를 넣어보십시오.
3874 단어 docker-compose
bootstrap-vue 설치
front/Dockerfile
FROM node:14.15.4-alpine3.10
ENV APP_HOME /app
RUN mkdir -p $APP_HOME
WORKDIR $APP_HOME
RUN apk update
COPY package.json .
RUN npm install -g npm @vue/cli
+ RUN npm install vue bootstrap-vue bootstrap
터미널
$ docker-compose up -d
$ docker-compose ps
Name Command State Ports
--------------------------------------------------------------------------------------------
****_db_1 docker-entrypoint.sh mysqld Up 0.0.0.0:3306->3306/tcp, 33060/tcp
****_front_1 docker-entrypoint.sh npm r ... Up 0.0.0.0:8080->8080/tcp
****_web_1 bundle exec rails s -p 300 ... Up 0.0.0.0:3000->3000/tcp
$ docker-compose run front sh
/app # vue -V
@vue/cli 4.5.11
/app # node -v
v14.15.4
/app # vue add bootstrap-vue
...
? Use babel/polyfill? No
...
✔ Successfully invoked generator for plugin: vue-cli-plugin-bootstrap-vue
/app # exit
올바르게 설치되었는지 확인
front/src/components/HelloWorld.vue
...
</ul>
<b-button variant="primary">Primary</b-button>
<b-button variant="secondary">Secondary</b-button>
<b-button variant="success">Success</b-button>
<b-button variant="danger">Danger</b-button>
<b-button variant="warning">Warning</b-button>
<b-button variant="info">Info</b-button>
<b-button variant="light">Light</b-button>
<b-button variant="dark">Dark</b-button>
</div>
</template>
...
localhost:8080
참고 사이트
· htps : // 암암 도금. 하테나아 ry. jp/엔트리/2020/01/03/235700
Reference
이 문제에 관하여(docker-compose를 사용하여 bootstrap-vue를 넣어보십시오.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/taiga_tech/items/df6c208019c6e9e67636텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)