如何为Laravel Spark自动注册Vue组件文件

Question

Laravel的app.js文件包含一些注释掉的代码，用于在指定目录下添加所有vue组件：

const files = require.context('./', true, /\.vue$/i)
files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))

同一代码未包含在最新版本的Laravel Spark中，并且在复制时不起作用。如何在Laravel Spark的特定目录下自动注册任何vue组件文件？

Answer 1

在导入Vue之后和实例化应用程序的新Vue对象之前，将此代码放置在app.js文件中的某个位置：

const files = require.context('./', true, /\.vue$/i);
files.keys().map(key => Vue.component(files(key).name, files(key)));