webpack编译vue文件，不能识别.vue文件

Question

已经安装了 vue-loader ,webpack.config.js也加了rules，还是报错

app.vue

<script>

    import canlendarPrograma from "./calendar/canlendarPrograma"
    export default {
        components : {
            canlendarPrograma,
        },
        data(){
            return {

            }
        }
    }
</script>
<style>

</style>

webpack.config.js

module: {
        rules: [
            {
                test: /\.js$/,
                exclude: [
                    path.resolve(__dirname, "node_modules")
                ],
                loader: "babel-loader",
                options: {
                    presets: ["es2015"],
                    plugins : ['transform-object-rest-spread']
                }
            },
            {
                test: /\.vue$/,
                loader: 'vue-loader',
                options: {
                    loaders: {
                        scss: 'vue-style-loader!css-loader!sass-loader', // <style lang="scss">
                        sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax' // <style lang="sass">
                    },
                    extractCSS: true
                }
            }
        ]
    },