Vue 및 Django 개발 환경

Vue 및 Django 개발 환경

학습 목적으로 새로운 작은 프로젝트를 시작했는데, Django(DRF)와 함께 Vue js를 시험해 보고 싶습니다.vue loader(web pack-simple 템플릿)를 사용하려고 합니다.

문제는 어떻게 동기화해야 하는지 모른다는 것입니다.npm run dev그리고.python manage.py runserverwebpack-dev-server에서 django에 의해 렌더링된 템플릿에 액세스하는 방법을 모르겠습니다.

django-template 고유의 키워드를 가진 템플릿이 있습니다.{% load static %}이는 webpack-dev-server에 의해 처리되지 않습니다.

매번 만들 수 있다는 걸 알아요npm run build하지만 내가 작은 변화를 주고 싶을 때마다 그걸 기다리는 건 좀 짜증나고 지루해.

웹 팩에서는 기본값으로 실행되도록 지정됩니다.index.html127.0.0.1:8000에서 실제로 렌더링된 템플릿에서 파일을 사용하려면 어떻게 해야 합니까?python manage.py runserver실행 중입니까?2개의 개발 서버를 실행하는 것이 말이 안 된다는 것은 알지만, 다른 방법으로 설명하는 방법은 모르겠습니다.

다른 대안이 있나요?

답변 부탁드립니다!

정상적으로 Django 서버를 실행합니다. webpack파일을 처리할 수 없습니다.빌드만 하면 됩니다(Webpack 개발 설정 및webpack --watchWebpack이 그것들을 Django 프로젝트의 정적 디렉토리에 저장하도록 합니다.

// in your webpack config
output: {
    path: path.resolve(__dirname, 'project/static/js')
}

그러면 Django가 웹 팩 파이프라인을 통해 실행되는 파일을 처리할 수 있습니다.

위에서 웹 팩 라이브 새로고침 플러그인과 라이브 새로고침 브라우저 확장을 사용하여 자산 변경 시 자동으로 새로고침할 수 있습니다.

변경을 커밋할 준비가 되면 파일을 프로덕션 모드로 빌드하고 빌드 파일을 정적 dir로 커밋합니다.

언급URL : https://stackoverflow.com/questions/46812771/vue-and-django-development-environment