使用webpack引入vue文件

使用webpack引入vue文件时，老是报出如下错误：

image.png

这个错误说明的就是无法解析引入的vue文件，这时候就是看是否添加了解析vue文件的webpack loader，如果引入了vue-loader之后还是报错，那么可能是webpack的配置文件写错了，注意检查webpack配置文件中的如下代码：

module: {
    // 配置loader
    rules: [
      {
        test: /\.vue$/,
        use: ['vue-loader']
      },
      {
        test: /\.js$/,
        use: ['babel-loader'],
        exclude: '/node_moduels/'
      }
    ]
  }

注意：上面test后面的正则是不需要单引号括起来的