webpack 打包报错 you may need an appropriate loader to handle this file type

报错具体内容

报错原因：webpack 原生只支持 js 文件类型，及 es5 的语法

解决办法：配置解析规则，在 webpack.config.js 文件中配置

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