如何為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)));