微信小程序npm vant为例

1.在小程序根目录或者各个文件目录下(不能在小程序根目录外)新建文件夹 miniprogram_npm

2.打开cmd cd到miniprogram_npm文件夹里,输入npm init,一直回车,最后输入yes 回车

3.在miniprogram_npm里输入命令行 npm i @vant/weapp -S --production,
打开微信开发者工具,点击 工具 -> 构建 npm,并勾选 使用 npm 模块 选项,构建完成后,即可引入组件

4.修改 app.json
将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以去除,不关闭将造成部分组件样式混乱。

tip:如果你使用 typescript 开发小程序,需要在 tsconfig.json 中增加如下配置,防止 npm 构建后 tsc 编译报错

一.首先确认是否安装vant-weapp
如果没有,安装步骤如下:
1.npm init
2.回车到结束
3.npm i vant-weapp -S --production
4.工具->构建npm
5.项目详情->使用npm(如果报错继续执行第4步,构建npm)
二.查看 工具->项目详情->ES6转ES5是否√选
如果没有,点击勾选
三. index.json放组件文件中,同时把路径中的“path/to/”和/dist删除,然后再运行就不会报错

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容