小程序使用npm引入Weui组件库

1、创建小程序项目

2、在小程序根输入npm init,进行初始化,然后一路可以默认(enter)之后可看到package.json

3、开始安装Weui组件库 npm install --save weui-miniprogram --production

4、工具>构建npm


image.jpeg

5、点击小程序开发工具右上角详情-本地设置,勾选上使用npm模块

[图片上传中...(image-b7a8e2-1624982995933-0)]

6、在小程序app.wxss中引入样式文件

@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

7、index页面使用

//index.json { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } }

//index.wxss test content

你可能感兴趣的:(小程序使用npm引入Weui组件库)