uniapp怎么使用npm

在UniApp中使用npm的步骤

确保项目根目录存在package.json文件，若没有可通过npm init -y初始化生成。

通过命令行安装所需npm包，例如安装lodash：

npm install lodash

在UniApp页面或组件中通过import引入npm包：

import _ from 'lodash'

对于部分需要编译的npm包（如UI库），需在vue.config.js中配置transpileDependencies：

module.exports = {
  transpileDependencies: ['package-name']
}

处理兼容性问题

检查npm包是否支持小程序环境，部分浏览器专用API需做适配。

使用条件编译处理平台差异：

// #ifdef H5
const module = require('browser-only-module')
// #endif

构建注意事项

H5平台直接使用webpack处理npm依赖。

小程序平台需将node_modules中代码拷贝到dist目录，通过微信开发者工具勾选"使用npm模块"。

App平台依赖v3编译器自动处理npm模块，需确保HBuilderX为最新版。

常用工具推荐

使用@dcloudio/uni-ui作为官方UI库：

npm install @dcloudio/uni-ui

验证安装成功的检查方法是在package.json的dependencies中能看到新增的包名。