Vue "full version" and "runtime version", how to use the "runtime version"?

For the

webpack+vue project, I want to use the "runtime version" of vue, but I also want to use the template feature. The official website says that using vue-loader is fine. Webpack I configured vue-loader, to use the "runtime" version, which will report an error,

Note: vue: "vue/dist/vue.js", because you want to use the Runtime version, not the full version

clipboard.png

clipboard.png

clipboard.png


The title of

can refer to my article which records the difference between the runtime version and the full version. Welcome to exchange more
https://codeshelper.com/a/11.

.

the relevant parts of the article are moved here:

if you need to compile templates before runtime processing (for example, there is a template option, or mount to an element, and you treat the DOM element within the element as a template, then you need to complete the compilation of the compiler part.

if you use vue-loader or vueify, to compile the templates in the `* .vue file into JavaScript code when you package, you don't need compiler, to compile with the runtime-only version.

because it only contains 30% less code volume than the full version, if you need to use the full package, you need to adjust the configuration. For specific adjustments, please refer to the article description.

Menu