微信小程序中使用 npm 包

在微信小程序中使用npm包，需要进行以下步骤：

确保你的小程序开发工具的版本号高于v1.02.1808300，因为这个版本之后的小程序开发工具已经支持使用npm包。
小程序根目录下执行npm init，然后一直回车，会在根目录下生成package.json文件。
终端切换到小程序根目录，使用npm install安装你需要的npm包。安装完成后会在根目录下自动创建node_modules目录，也会自动将包名和版本加入到package.json文件中。
微信开发者工具--工具--构建npm，点击构建npm，会自动生成miniprogram_npm文件夹：
使用前修改app.json文件，去掉"style": "v2"（这玩意可能影响一些npm包的正确渲染），在需要使用npm包的页面或者组件中，使用require()或import语句引入需要的npm包。例如：
```
const _ = require('prismjs'); // 或者 import _ from 'prismjs'; 
```
这样就可以在小程序中使用prismjs这个npm包了。

微信小程序中使用 npm 包相关推荐

[20190805]在小程序中使用npm包
小程序是可以使用npm包的 1. 初始化npm:(在项目目录下输入) npm init 此时项目文件夹会创建一个配置信息的package.json文件 2. 手动新建node_modules文件夹:( ...
快速上手开发微信小程序（含npm包使用及mobx状态管理）
文章目录一.微信小程序的基本知识 #去除索引提示报错 1.wxml和html的区别 2.wxss和css区别 2.1 rpx的实现原理 3.小程序.js 二.小程序的宿主环境 1.运行机制 2.组件 ...
【微信小程序】-- 使用 npm 包 - API Promise化（四十二）
【微信小程序】-- 使用 npm 包 - Vant Weapp（四十一）
微信小程序中绘制图表（AntV F2 的使用）
1.安装小程序F2组件 npm i @antv/f2-canvas 2.安装好相关依赖包之后,使用微信开发者工具运行项目,点击开发者工具顶部详情,勾选使用npm模块,再点击菜单栏中工具下的构建npm ...
Canvas 动画引擎解析与微信小程序中的应用
点击观看大咖分享抗击疫情,腾讯云在行动.在开发微信小程序的过程中,我们经常需要展现一些图形和图表.目前市面上有好几款常用的图形库,在这些图形库的底层都有渲染引擎在支撑. ZRender 是其中一款非 ...
微信小程序中使用vant组件库（超详细）
目录前言 Vant Weapp的安装与使用 1.安装 node.js 2.通过 npm 安装 3.修改 app.json 4.修改 project.config.json 5.构建 npm 包 6. ...
五分钟学会在微信小程序中使用 vantUI 组件库
前言我们在开发微信小程序时,设计和实现好用的用户界面无疑是至关重要的一步.但是微信小程序官方自带的 UI 组件库无法满足很多使用场景,这个时候就需要我们使用一些第三方的 UI 组件库.而 vant ...
微信小程序中Vant Weapp的引用与使用
微信小程序中Vant Weapp的引用与使用 1.安装方式 # 通过 npm 安装 npm i @vant/weapp -S --production# 通过 yarn 安装 yarn add @va ...

微信小程序中使用 npm 包

微信小程序中使用 npm 包相关推荐

最新文章

热门文章