更新时间:2022-12-02 17:04:57贡献者收藏我的文档设置返回文档说明在开发小程序项目时经常会遇到使用扩展组件或第三方提供的 js 库和自定义组件等,同时页面中也会经常遇到引用非本页面 js 的函数、变量(自定义组件引用、js 引用、模板引用)等。本文主要讲解如何安装依赖和在 acss、axml、js 中引用说明/示例。 依赖安装在小程序项目中安装依赖通常使用 npm 来安装,开发者工具(ide)中提供了 npm 包管理 用于管理和更新项目中安装的依赖。●安装依赖前需要先安装 npm(或 node),并配置环境变量,若未安装可参考 未找到 node 可执行文件, 可以前往 https://nodejs.org 下载并安装。●以小程序 ui扩展组件 安装为例。命令行安装终端路径切换到小程序项目根目录javascript复制代码91$ npm install mini-ali-ui --save 命令升级组件库javascript复制代码91$ npm update mini-ali-ui --saveide 功能面板添加在 ide 左侧功能面板中选择 npm 依赖管理,直接在输入框中输入 mini-ali-ui 回车键待安装完成即可(若安装失败,请查看安装日志排查)。升级更新组件库,则点击上方的同步状态按钮即可。查找已安装依赖安装完成可在项目 node_modules 目录中查找安装的依赖。引用js 中使用 import 和 require导入默认值引入模块可能有一个 defaultexport(无论它是对象,函数,类等)可用,可以使用 import 语句来导入这样的默认接口。 最简单的用法是直接导入默认值:导入单个接口给定一个名为 myexport 的对象或值,当此对象或值从模块 my-module 导出(因为整个模块被导出)或显式地导出(使用export语句)后,将 myexport 插入当前作用域。导入多个接口将 foo 和 bar 插入当前作用域。注意:●目前不支持动态 import 导入。●引入路径支持相对路径、绝对路径, node_modules 目录载入第三方模块。●更多的 import 引入方式可搜索引擎搜索相关资料。 require导入注意:●引入路径支持相对路径、绝对路径, node_modules 目录载入第三方模块。●更多的 import 引入方式可搜索引擎搜索相关资料。axml 提供文件引用方式axml 提供 import 和 include 两种文件引用方式。importimport 可以加载已经定义好的 template。includeinclude 可以将目标文件除 外整个代码引入,相当于是拷贝到 include 位置。引入路径axml-引用 模板引入路径支持相对路径、绝对路径,也支持从 node_modules 目录载入第三方模块。acss 样式导入acss 样式导入支持使用 @import 用于从其它样式表导入样式规则和 css 一致。使用 @import 语句可以导入外联样式表,@import 后需要加上外联样式表相对路径,用;表示结束。示例代码:导入路径支持从 node_modules 目录载入第三方模块,例如 page.acss:更多的 @import 引入方式可搜索引擎搜索相关资料。 上一篇:小程序与web-view内嵌h5相互通信下一篇:小程序如何使用store状态管理 相关问题小程序接入案例分析小程序重启后无法获取到打印机信息案例分析安装小程序开发者工具失败van-tabs有成功引用的案例么内容没有解决您的问题?您还可以前往 自助服务平台 或 支付宝开放社区 寻求帮助该文档对你是否有帮助?反馈当前页面目录说明依赖安装引用 反馈编辑