uniapp组件全部放在了uni_modules如何放置到components

在UniApp中，如果你想要自定义一些组件并将其管理在单独的文件夹`uni_modules`下，你需要按照以下步骤操作：

1. 创建文件夹：首先，在项目根目录下创建一个名为`uni_modules`的文件夹，这是统一约定存放自定义模块的位置。

2. 组织组件：将你的组件文件（如.vue、.wxml、.wxss等）放入`uni_modules`文件夹内。你可以按照功能分类创建子文件夹，例如`custom-components`，然后将每个组件放在此子文件夹中。

- `uni_modules/custom-components`
- MyCustomComponent.vue
- AnotherCustomComponent.wxml
- CustomStyles.wxss

3. 配置路径映射：为了让其他部分的代码能够引用这些自定义组件，需要在项目的`config.js`文件中配置`componentPath`选项。添加如下内容：

   export default {
     // ...
     component: {
       path: '@/uni_modules', // 指定组件库的路径
     },
     // ...
   }

4. 引用组件：现在可以在项目中的任何地方通过相对路径导入自定义组件，例如：

   <template>
     <import src='./custom-components/MyCustomComponent.vue'></import>
   </template>

   <script>
   import MyCustomComponent from '@/uni_modules/custom-components/MyCustomComponent.vue';
   export default {
     components: { MyCustomComponent }
   };
   </script>