# js 文件引入
js文件或script标签内（包括 renderjs 等）引入js文件时，可以使用相对路径和绝对路径，形式如下
// 绝对路径，@指向项目根目录，在cli项目中@指向src目录
import add from '@/common/add.js';
// 相对路径
import add from '../../common/add.js';
1
2
3
4
2
3
4
注意
- js 文件不支持使用
/开头的方式引入
# NPM支持
uni-app支持使用npm安装第三方包。
此文档要求开发者们对npm有一定的了解，因此不会再去介绍npm的基本功能。如若之前未接触过npm，请翻阅NPM官方文档 (opens new window)进行学习。
初始化npm工程
若项目之前未使用npm管理依赖（项目根目录下无package.json文件），先在项目根目录执行命令初始化npm工程：
npm init -y
1
cli项目默认已经有package.json了。HBuilderX创建的项目默认没有，需要通过初始化命令来创建。
安装依赖
在项目根目录执行命令安装npm包：
npm install packageName --save
1
使用
安装完即可使用npm包，js中引入npm包：
import package from 'packageName'
const package = require('packageName')
1
2
2
注意
- 为多端兼容考虑，建议优先从 uni-app插件市场 (opens new window) 获取插件。直接从 npm 下载库很容易只兼容H5端。
- 非 H5 端不支持使用含有 dom、window 等操作的 vue 组件和 js 模块，安装的模块及其依赖的模块使用的 API 必须是 uni-app 已有的 API（兼容小程序 API），比如：支持高德地图微信小程序 SDK (opens new window)。类似jQuery (opens new window) 等库只能用于H5端。
- node_modules 目录必须在项目根目录下。不管是cli项目还是HBuilderX创建的项目。
- 关于ui库的获取，详见多端UI库 (opens new window)