微信小程序引入weui

一、执行步骤

1.根目录下执行

npm init -y
npm install --save weui-miniprogram --production
npm install express

2.文件配置

project.config.json

找到 packNpmManually 和 packNpmRelationList 修改成如下内容：

"packNpmManually": true,
"packNpmRelationList": [
  {
    "packageJsonPath": "./package.json",
    "miniprogramNpmDistDir": "./miniprogram/"
  }
],

根目录下 app.wxss 引入 weui

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

3.工具栏-工具-构建npm

4.引入需要使用的包

index.json

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

 index.wxml

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{buttons}}">
    <view>test content</view>
  </mp-dialog>