小程序不引入基础组件实现weui使用（附加小程序换行显示）

第一步，在小程序后台添加该组件库

在这里插入图片描述

第二步，在小程序app.json

添加

"useExtendedLib": { "weui": true }

如图

在这里插入图片描述

然后在目标页面的.json文件中 引入即可

在这里插入图片描述

例如原文件是这样的

 "mp-halfScreenDialog": "../../components/half-screen-dialog/half-screen-dialog"

改成

   "mp-halfScreenDialog": "weui-miniprogram/half-screen-dialog/half-screen-dialog"

即可使用

在这里插入图片描述

由于文章还差点字数，所以我再加点字，由于我之前没用过we-ui，在网上也没找到组建库，最后看到了一篇文章解决此方法，我自己亲测试了下是可以用的（不引用任何文件的情况下测试的），分享给大家！！！

另外插个题外话

微信小程序 和标签并不能让文本自动换行，微信小程序也不支持 换行

解决方案

替换 标签 为 \n

使用 css 属性 ：white-space:pre-wrap 文本保留空格和回车