Блог

Я создаю приложение, используя Django, и я решил основать интерфейс на Vue.js (также используется bootstrap-vue для экономии некоторого времени). Я относительно новичок в мире интерфейса, и я читал о webpack и связывании в целом, и из того, что я прочитал, кажется, что было бы лучше установить vue.js, загрузка vue и т.д. Через npm вместо использования CDN. И вот где я сталкиваюсь со своей первой проблемой, когда я устанавливаю их через npm, кажется, что разные модули отсутствуют. Соответствующая часть моего Dockerfile и docker-compose выглядят следующим образом:

 # Installing other not relevant dependencies
RUN npm install bootstrap@4.5.2 
                bootstrap-vue@2.16.0 
                jquery@^1.9.1 
                popper.js@^1.16.1 
                vue@2.6.11
COPY "./" "./"
  

И мой docker-compose.yml

 version: "3.7"
services:
  web:
    build: ./web
    command: ["python3", "manage.py", "runserver", "0.0.0.0:8000"]
    ports:
      - "8000:8000"
    volumes:
      - ./web:/usr/local/share/src/app:z
      - static:/usr/local/share/src/app/static
      - media:/usr/local/share/src/app/media
      - node_modules:/usr/local/share/src/app/node_modules

volumes:
  static:
  media:
  node_modules:
  

Поскольку мой проект не основан на JS, я решил обойтись без package.json файла и просто установить необходимые модули в Dockerfile. Тома в файле compose добавлены, чтобы я не размещал их локально и в моем репозитории git, а только в контейнере docker. node_modules успешно установлены в контейнер docker, однако, когда я пытаюсь добавить их в свой base.html шаблон, я получаю ошибку 404. Что касается того, как я пытался их добавить, я пытался использовать относительный путь к node_modules. Например:

 <script src="../../node_modules/bootstrap/dist/js/boostrap.min.js"></script>
  

Я подозреваю, что модули не могут быть найдены, потому что они отсутствуют локально, но они присутствуют только в томах, но было бы здорово, если бы я мог иметь их только в контейнерах, а не локально.