Single post

electron vue 예제

위의 줄은 우리가 보고있는 유사한 문제의 작은 부분 집합일 뿐입니다. 이러한 파일에는 경로에 대한 선행 슬래시가 있습니다. 전자는 이와 같은 절대 경로와 함께 응용 프로그램의 모든 조각을 당기는 힘든 시간을 해야합니다. 대신 경로를 상대 경로로 변경해야 합니다. 전체 package.json 파일을 포함하는 대신 하위 집합만 포함했습니다. 기본 속성에서 우리는 electron.js 파일을 설정하고 우리는 또한 빌드 스크립트를 만듭니다. 빌드 스크립트는 먼저 Vue.js 프로젝트를 빌드한 다음 기본 항목을 기반으로 전자로 시작합니다. 프로덕션 빌드가 있는 경우 상대 경로를 사용합니다. 즉, 선행 슬래시는 모든 리소스에서 제거되며 결과적으로 전자 응용 프로그램이 올바르게 작동합니다. vue.config.js 파일을 만들어 웹팩 구성을 통해 웹팩을 직접 수정하는 대신 Vue.js에 권장되는 방법을 만들고 있습니다. 전자 구성이 있더라도 이 프로젝트는 데스크톱 응용 프로그램으로 실행할 준비가 되지 않았습니다. Vue.js를 사용하여 웹 응용 프로그램을 만들고, 웹팩으로 빌드하고, 전자로 배포하도록 패키징하여 Mac, Windows 및 Linux와 같은 플랫폼에서 사용할 수 있도록 하는 방법을 확인했습니다. CLI 없이 웹팩 없이 Vue.js 응용 프로그램을 빌드하는 경우 걱정할 필요가 없습니다.

마찬가지로 각도 또는 React.js를 사용 하 여 전자 응용 프로그램을 빌드 하는 경우 경로 처리 하기 위한 프로세스가 약간 다를 것입니다. Vuex가 전자 프로젝트와 함께 작업하도록 하려면 src/main/index.js 내에서 매장에 대한 경로를 제공해야 합니다. “생산”빌드를 위해 우리는 조금 더 필요합니다. 기본적으로 웹팩은 모든 정적 자산에 상대 URL을 사용합니다. 대신 전체 파일 경로가 필요한 전자에는 좋지 않습니다. 현재 응용 프로그램은 여전히 개발 서버에서 실행됩니다. 이제 전자와 함께 패키지할 파일에서 앱을 직접 실행할 차례입니다. 튜토리얼 과정에서, 우리는 전자가 자바 스크립트, HTML, CSS와 같은 웹 기술을 가진 네이티브 응용 프로그램을 만들기위한 프레임 워크임을 배웠습니다. 우리는 또한 크로스 플랫폼이기 때문에 전자를 사용하기로 결정했으며 C # 또는 Java보다 사용하기 쉽습니다. 그게 다야.

vue-cli 빌드와 전자를 실행 하 여이 빌드를 꽤 쉽게 테스트할 수 있습니다. 이 모듈을 설치 한 후, 우리는 우리의 시스템에 전자를 설치해야합니다.