开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
文档中心
凯发app官方网站的技术支持 & 案例 faq 
支付宝小程序
案例分析
sdk & demo下载
常见问题
常用工具
iot小程序
运维保障
小程序 > 支付宝小程序 > 案例分析 > 小程序依赖安装&引用
贡献者
收藏
我的文档
设置
说明
在开发小程序项目时经常会遇到使用扩展组件或第三方提供的 js 库和自定义组件等,同时页面中也会经常遇到引用非本页面 js 的函数、变量(自定义组件引用、js 引用、模板引用)等。本文主要讲解如何安装依赖和在 acss、axml、js 中引用说明/示例。 
依赖安装
在小程序项目中安装依赖通常使用 npm 来安装,开发者工具(ide)中提供了 npm 包管理 用于管理和更新项目中安装的依赖。
安装依赖前需要先安装 npm(或 node),并配置环境变量,若未安装可参考 未找到 node 可执行文件, 可以前往 https://nodejs.org 下载并安装
以小程序 ui扩展组件 安装为例。
命令行安装
终端路径切换到小程序项目根目录
javascript
复制代码
$ npm install mini-ali-ui --save
 命令升级组件库
javascript
复制代码
$ npm update mini-ali-ui --save
ide 功能面板添加
在 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 两种文件引用方式
import
import 可以加载已经定义好的 template。
include
include 可以将目标文件除
网站地图