Vue-template-compiler 和 vue-loader 的关系是怎么样的?马上就要合二为一了?

参考的是 vue-cli 的 webpack-simple 的模板,发现只包含 vue-loader 没有 vue-template-compiler 是不行的,看了一下 npm 上尤关于这个插件的解析,有这样的一段话

This package can be used to pre-compile Vue 2.0 templates into render functions to avoid runtime-compilation overhead and CSP restrictions. You will only need it if you are writing build tools with very specific needs. In most cases you should be using vue-loader or vueify instead, both of which use this package internally.

自己觉得云里雾里,这个 will 指的是现在还是需要的咯?求助各位了。

https://www.npmjs.com/package…

回答:

估计现在回答也没有用了,恰好我也在研究Webpack打包Vue这点在官方文档中是有说明的.

模板预编译

当使用 DOM 内模板或 JavaScript 内的字符串模板时,模板会在运行时被编译为渲染函数。通常情况下这个过程已经足够快了,但对性能敏感的应用还是最好避免这种用法。

预编译模板最简单的方式就是使用单文件组件——相关的构建设置会自动把预编译处理好,所以构建好的代码已经包含了编译出来的渲染函数而不是原始的模板字符串。

如果你使用 webpack,并且喜欢分离 JavaScript 和模板文件,你可以使用 vue-template-loader,它也可以在构建过程中把模板文件转换成为 JavaScript 渲染函数。

https://cn.vuejs.org/v2/guide…

简单来说就是使用这个插件就会将template语法转为render函数,那么常见的操作就是这样的情况:

import Vue from 'vue'
import App from './pages/app.vue';

new Vue({
    el:'#root',
    render:h=>h(App)
})

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注