webpack默认不能处理vue文件，只能自己添加额外的插件进行处理

1.安装:

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

2、配置webpack.config.js文件：

      {
         test:/\.vue$/, 
         loader: 'vue-loader' 
        
      } 

3、如果报错如下：

 

 则降低loader版本，npm install

 4、创建vue文件：

 

 

 

　　5、引用vue文件：