小程序--npm引入第三方组件

1、先新建立一个小程序项目(mini_npm)

打开cmd,进入小程序项目的根目录

cd  C:\MyDatas\小程序\mini_npm
npm init

命令行里会以交互的形式让你填一些项目的介绍信息，依次介绍以下：（不知道怎么填的直接回车、回车...）

name 项目名称

version 项目的版本号

description 项目的描述信息

entry point 项目的入口文件

test command 项目启动时脚本命令

git repository 若是你有 Git 地址，能够将这个项目放到你的 Git 仓库里

keywords 关键词

author 做者叫啥

license 项目要发行的时候须要的证书

2、接着安装第三方组件，如 weui-miniprogram

npm install --save weui-miniprogram

执行完，在项目根目录下,就会出现node_modules的包

3、构建 npm 包

构建完成后就会在项目中生成 miniprogram_npm 目录

4、引用组件

1.首先要在app.wxss里面引入weui.wxss

[@import](https://my.oschina.net/u/3201731) './weui-miniprogram/weui-wxss/dist/style/weui.wxss';

2.而后能够在页面中引入组件，如：dialog 弹窗组件

（1）、首先在页面的 json 文件加入 usingComponents 配置字段

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

（2）、而后能够在对应页面的 wxml 中直接使用该组件

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