vue"完整版"和“运行时版”，如何使用“运行时版”？

Question

webpack+vue项目，我想使用vue“运行时版”，但是还想使用template特性，官网说使用vue-loader就可以了。webpack我配置了vue-loader，使用的是“运行时”版，这个时候会报错，

注掉:vue: 'vue/dist/vue.js',是因为想使用“运行时版”，不想用“完全版”

Answer 1

题主可以参考下我写的这篇文章里面记录了runtime版和full版的区别，欢迎多交流
https://segmentfault.com/a/11...

文章中相关部分搬过来：

如果你需要在运行时处理之前编译templates(例如, 有一个template选项，或者挂载到一个元素上，而你又将元素内的DOM元素作为模板来处理，这时候就需要compiler这部分进行完整编译。

如果你打包的时候是用vue-loader 或者 vueify，将`*.vue文件内的templates编译成JavaScript代码， 你就不需要compiler, 可以使用 runtime-only版本编译。

因为仅仅包含运行时编译比完整版少30%的代码体积， 如果你需要使用完整包也是可以的，你需要调整配置，具体调整请参考文章描述。

Answer 2

webpack中在用了vue-loader后，runtime版本还报错，
是因为在new Vue时用template需要编译器，改为 render: h => h(yourAppVueFile)

如果一定要在new Vue时用 template: '<App/>'
就在webpack里改 vue的alias为'vue$': 'vue/dist/vue.esm.js'。

参考 Vue官网描述