[TOC] > [參考](https://uniapp.dcloud.io/uni_modules?id=%e4%bb%80%e4%b9%88%e6%98%af-uni_modules) ## 概述 通常是對一組js sdk、組件、頁面、uniCloud云函數、公共模塊等的封裝，用于嵌入到uni-app項目中使用，也支持直接封裝為項目模板 ## 目錄結構 ``` uni_modules 項目根目錄下 └── [plugin_id] // 插件 ID ├── uniCloud 插件內的uniCloud內容會被虛擬合并到項目根目錄的uniCloud中（注意：插件內的uniCloud目錄，沒有-aliyun,-tcb后綴） ├── components 符合vue組件規范的uni-app組件目錄，支持easycom規范 ├── hybrid 存放本地網頁的目錄，詳見 ├── pages 業務頁面文件存放的目錄 ├── static 存放應用引用靜態資源（如圖片、視頻等）的目錄，注意：靜態資源只能存放于此 ├── wxcomponents 存放小程序組件的目錄，詳見 ├── license.md 插件使用協議說明 ├── package.json 插件配置，必選(除此之外均可選) ├── readme.md 插件文檔 ├── changelog.md 插件更新日志 ├── menu.json 如果是uniCloud admin插件，可以通過menu.json注冊動態菜單，詳見 menu.json 配置 ``` 注意: 1. 插件目錄不支持pages.json、App.vue、main.js、manifest.json、uni.scss文件 2. 在插件內部引用資源、跳轉頁面時，請盡量使用**相對路徑** ## 插件使用 1. 在項目根目錄右鍵創建 uni_modules  2. 在HBuilderX中uni_modules目錄右鍵點擊新建uni_modules插件  3. 發布插件  使用 1. uni_modules支持組件easycom，使用者可以直接使用插件內符合easycom規范的組件 2. 引入js ``` import {test} from '@/uni_modules/xx-yy/js_sdk/test.js' ``` 3. 使用頁面 ``` { "pages":[{ "path":"uni_modules/xx-yy/pages/demo/demo" // 按插件所在目錄引入對應的頁面 }] } ```