Laravel首先混合搜索vue文件而不是js文件

Question

我需要的是这个

如果存在类似import MyComponent from '/path/to/MyComponent'的导入，则webpack应该首先检查是否存在名为MyComponent.vue的文件。如果有这样的文件，则webpack应该将其导入。否则，webpack应该尝试导入MyComponent.js。

如何使用Laravel mix做到这一点？

更多上下文： 我喜欢将.js和.vue文件分开以更好地组织和缩小文件大小。

例如：

modules/
  users/
    index.vue
    index.js
    create.vue
    create.js
    edit.js
    edit.vue
    view.js
    view.vue

vue路线中（我正在使用webpack的动态导入）

const routes = [
  {
    name: "users.index",
    path: "/users", 
    component: () => import('@/modules/users') // should import index.vue, not index.js
  },
  {
    name: "users.view",
    path: "/users/{id}", 
    component: () => import('@/modules/users/view') // should import index.vue, not index.js
  },
]

我希望以上情况无处不在。没有例外（我的意思是，如果存在具有相同基本名称的.vue文件，我的应用程序中没有任何要导入js文件的地方）