프로젝트 후반부에서 Vue.js를 스탠드아론 빌드에서 런타임 전용 빌드로 변경하시겠습니까?

프로젝트 후반부에서 Vue.js를 스탠드아론 빌드에서 런타임 전용 빌드로 변경하시겠습니까?

와 함께 갔다.runtime-only새로운 프로젝트의 Vue.js 빌드 버전을 만듭니다.의사록에서 본 바로는,standalone다음과 같이 웹 팩에 에일리어스를 추가해야 합니다.

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.js'
  }
}

현재로서는 앱에 컴파일러가 필요 없습니다.다만, 어느 시점에서는, 다음의 커스터마이즈로 전환할 필요가 있을 가능성이 있습니다.standalone구축합니다.

질문입니다.그것은 나중에 쉽게 전환할 수 있을까요?아니면 고도의 리팩터링이 필요할까요?

만약 그렇다면, 나는 그 일을 시작하는 게 낫겠어요.standalone나중에 리팩터링을 하지 않도록 합니다.

standalone는 컴포넌트에서 템플릿옵션을 지원합니다.예를 들어 다음과 같이 할 수 있습니다.

Vue.component('my-component', { template: '<div>A custom component!</div>' })

standalone로딩할 수도 있습니다.vue.jsjQuery나 다른 Javascript 라이브러리에서처럼 CDN에서 얻을 수 있습니다.

runtime-only를 사용할 수 없습니다.template컴포넌트 정의에서 사용합니다.그래서 당신이 만들 필요가 있다.my-component.vue「Single File Components(싱글 파일 컴포넌트)」가이드내의 템플릿을 파일화하여 정의합니다.http://vuejs.org/guide/single-file-components.html

또,vue-cli개발을 위해, 만약 당신이 사용하고 있다면.runtime-only.

에서 전환하다standalone로.runtime-only모든 컴포넌트를 다시 작성해야 합니다.my-component.vue파일 및 사용 시작vue-cli

에서 전환하다runtime-only로.standalone, 변경은 필요 없습니다.

그 이외에는, 이 네트워크와 네트워크 사이의 전환은 간단하다.runtime-only그리고.standalone.

내가 원하는 것:runtime-onlyally mode(온리 모드)는 템플릿이 사전 준비될 때 훨씬 작은 빌드를 생성하고 이론적으로 더 나은 성능을 발휘하기 때문입니다.의 항도vue파일은 잘 정리되어 있고 읽기 쉽습니다.컴포넌트에 대해 별도의 vue 파일을 사용해도 어플리케이션의 구조를 개선할 수 있습니다.

언급URL : https://stackoverflow.com/questions/40083814/changing-vue-js-from-standalone-to-runtime-only-build-later-in-a-project