5- vue-loader

一、安装依赖

yarn add vue vue-loader vue-template-compiler

二、配置

const {VueLoaderPlugin} = require("vue-loader")
module.exports = {
    module:{
      rules:[
          ...
          {
              test:/\.vue$/,
              loader:'vue-loader'
          }
      ]  
    },
    plugins:[
        new VueLoaderPlugin()
    ]
}

三、导入

#main.js
import App from './App.vue';
import Vue from 'vue';
new Vue({
    render:h=>h(App)
}).$mount("#app");

四、实时更新错误

实现错误追踪
module.exports = {
    devtool: 'inline-source-map'
}