Vue 2 distディレクトリの各ファイルの違いを解析します。

vue 2は2.2バージョンのアップグレードを経て、ファイルは8つになりました。

vue.co.mmon.js

vue.esm.js

vue.js

vue.min.js

vue.runtime.com.js

vue.runtime.esm.js

vue.runtime.js

vue.runtime.min.js

一瞬でぼんやりしてしまいました。これらの書類はどう選択すればいいですか？
この8つの役割はどのような場面で使われていますか？違いは何ですか？
構築方式によって、完全構築（独立構築と運転を含む）と運転時に分けて構築できます。
規範によって、UMD、CommunJSとES Moduleに分けることができます。
簡単に言えば、完全な構築と運転時の構築の違いは、templateオプションを使ってもいいですか？
vue.com mmon.js
所属：Common JSに基づく完全な構築
Webpack-1やBrowserifyなどのお持ち帰り用に使えます。
完全な構築ですので、templateオプションを使用できます。

import Vue from 'vue'
new Vue({
 template: `
  <div id="app">
   <h1>Basic</h1>
  </div>
 `
}).$mount('#app')

注意：webpack-1などのパッケージツールを使用する場合は、このバージョンを使用してエイリアスを設定し、webpackを例にしてください。

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

vue.esm.js
ES Moduleに基づく完全な構築
Webpack-2やrollupなどのお持ち帰り用に使えます。
完全な構築ですので、templateオプションを使用できます。

import Vue from 'vue'
new Vue({
 template: `
  <div id="app">
   <h1>Basic</h1>
  </div>
 `
}).$mount('#app')

注意：webpack-2などのパッケージツールを使う場合は、このバージョンを使用してエイリアスを設定し、webpackを例にしてください。

{
 resolve: {
  alias: {
   'vue$': 'vue.esm.js'
  }
 }
}

vue.js
UMDに基づく完全な構築
直接CDN参照に使用できます。
完全な構築ですので、templateオプションを使用できます。

<script src="https://unkpg.com/vue/dist/vue.js"></script>
<script>
new Vue({
 template: `
  <div id="app">
   <h1>Hi Vue</h1>
  </div>
 `
}).$mount('#app')
</script>

vue.min.js
vue.jsと同様、圧縮後バージョンです。
vue.runtime.co mmon.js
属：Common JSによる運転時構築
Webpack-1やBrowserifyなどのお持ち帰り用に使えます。
実行時にはテンプレートコンパイラが含まれていないため、templateオプションはサポートされていません。レンダーオプションしか使えませんが、実行時に構築されても、単一ファイルコンポーネントのテンプレートは構築時にあらかじめコンパイルされてレンダー関数、レンダー関数の使用になりますので、参考してください。http://cn.vuejs.org/v2/guide/render-function.html

import Vue from 'vue'
new Vue({
 render: function(h){
  return h('h1', 'Hi Vue')
 }
}).$mount('#app')

vue.runtime.esm.js
ES Moduleによる運転時構築
Webpack-2やrollupなどのお持ち帰り用に使えます。
実行時にはテンプレートコンパイラが含まれていないため、templateオプションはサポートされていません。レンダーオプションしか使えませんが、実行時に構築されても、単一ファイルコンポーネントのテンプレートは構築時にあらかじめコンパイルされてレンダー関数、レンダー関数の使用になりますので、参考してください。http://cn.vuejs.org/v2/guide/render-function.html

import Vue from 'vue'
new Vue({
 render: function(h){
  return h('h1', 'Hi Vue')
 }
}).$mount('#app')

vue.runtime.js
属：UMDによる運転時構築
直接CDN参照に使用できます。
このバージョンはvue.jsと似ています。直接CDN参照に使用できます。コンパイラは含まれていませんので、templateオプションは使用できません。レンダー関数しか使用できません。

<script src="https://unkpg.com/vue/dist/vue.runtime.js"></script>
<script>
new Vue({
 render: function(h){
  return h('h1', 'Hi Vue')
 }
}).$mount('#app')
</script>

vue.runtime.min.js
vue.runtime.jsと同様、圧縮後バージョンです。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。