使用npm引入weui插件

使用npm引入weui插件

1. npm init 生成一个package.json的配置文件
2. npm i weui-miniprogram -S --production
3. 在工具-构建npm
4. app.wxss写

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

6. 在对应的页面json文件中写（注意这里路径不能在/前加点）

{
  	"usingComponents": {
    "mp-dialog":"/miniprogram_npm/weui-miniprogram/dialog/dialog"
 	 }
}

6. 在wxml中调用

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">
    <view>test content</view>
</mp-dialog>

我这里是想用weui的search功能
附上教学链接https://www.w3cschool.cn/weixinapp/weixinapp-it8u38p4.html