uni-app使用 uni_modules 插件模块化规简单范示例详细演示

首先需要在项目的根目录下创建一个 uni_modules 文件夹，用于存放字典文件和插件模块。

在 uni_modules 文件夹下创建一个名为 $manifest.json 的字典文件，定义插件模块的名称、版本和入口文件等信息，比如：

{  
  "name": "my-plugin",  
  "version": "1.0.0",  
  "main": "index.js"  
}  

在 uni_modules 文件夹下创建一个名为 my-plugin 的目录，用于存放插件模块的源代码。

在 my-plugin 目录下创建一个名为 index.js 的入口文件，定义插件模块的行为，比如：

export function helloWorld() {  
  console.log('Hello, World!');  
}  

现在可以在应用中引用插件模块了，比如：

<template>  
  <view>  
    <button @click="clickHandler">Click Me</button>  
  </view>  
</template>  

<script>  
import { helloWorld } from '@/uni_modules/my-plugin/index.js';  

export default {  
  methods: {  
    clickHandler() {  
      helloWorld();  
    }  
  }  
}  
</script>  

这样就完成了 uni_modules 的使用。需要注意的是，这里的引用路径使用了 @ 符号，表示项目根目录，这是 uni-app 的默认路径别名。
插件模块也可以使用同样的路径别名来引用应用程序中的代码。