更新到 webpack 4.x很多插件使用方式，發(fā)生了改變，經(jīng)常報錯不知道哪里問題。下面記錄下自己使用render()記錄：
1.創(chuàng)建 .vue 組件模板：
<template>
<div>
<h1>這是登陸組件，使用 .vue 文件渲染出來的</h1>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
},
components: {
}
}
</script>
<style>
</style>
2.安裝解析vue組件loader：
yarn add vue-loader vue-template-compiler在配置文件配置：
VueLoaderPlugin()這個插件是必須的!它的職責(zé)是將你定義過的其它規(guī)則復(fù)制并應(yīng)用到 .vue 文件里相應(yīng)語言的塊。例如，如果你有一條匹配 /.js$/ 的規(guī)則，那么它會應(yīng)用到 .vue 文件里的 <script> 塊。
const VueLoaderPlugin = require('vue-loader/lib/plugin');
plugins:[
new VueLoaderPlugin() 請務(wù)必引入這個插件！！！
],
module:{
rules:[
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
}
,
3.在main.js配置render()：
- 先引入模板：
import login from './login.vue' - 配置render():
render(comp) { return comp(login) },
可以箭頭函數(shù)表示：
render:comp=>comp(login)
