在webpack中运行vue

网址：https://vue-loader.vuejs.org/zh/

Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件的格式撰写 Vue 组件

安装loader

npm i -S vue

npm i -D vue-loader vue-template-compiler

配置

// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]

},

plugins: [

new VueLoaderPlugin()

]

}

在webpack.config.js文件中完成vue配置

添加vue解析的loader

plugins中添加vue解析插件