useExtendedLib 引入 weui 样式怎么引入？

[Bright0810]

"useExtendedLib":{
"weui": true
}
app.wxss 引入样式
@import './weui-miniprogram/weui-wxss/dist/style/weui.wxss';
或
@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss'; 都报错

[xysDavid]

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

试试这样？

[Bright0810]

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

试试这样？
不行 也试验了 不是用npm 安装的 直接用
"useExtendedLib":{
"weui": true
}

[hankaibo]

我也被这个问题困扰了。官方文档说得不清不楚的，MD。
网上的文章基本都是抄袭官网的，CD。
无意中看到说，微信开发者工具内置了weui开发组件，只要在app.js里引用即可。
我试了，确实可以。
但样式未生效，不知道是不是缓存问题还是啥，所以最后我单独下载样式文件然后按目录位置引入。
组件因为ide内置了，所以只要声明的就行。
不知道说清楚了没?

[xysDavid]

@libaolei168 @hankaibo 通过useExtendedLib引用的话，不需要在app.json引入weui.wxss了，样式会默认自动引入，直接使用组件即可。开发者文档已更新说明。

可参考以下代码片段
https://developers.weixin.qq.com/s/sfUsEemj7chI

[Hyphon]

@libaolei168 @hankaibo 通过useExtendedLib引用的话，不需要在app.json引入weui.wxss了，样式会默认自动引入，直接使用组件即可。开发者文档已更新说明。

可参考以下代码片段
https://developers.weixin.qq.com/s/sfUsEemj7chI

@xysDavid 这个代码片段我在本地跑都是报错的。Component is not found in path xxxxxxx

[daipeihust]

直接按照小程序示例里的方式来就可以了

[jpixy]

连示例都报错

[Serysew]

我也被这个问题困扰了。官方文档说得不清不楚的，MD。
网上的文章基本都是抄袭官网的，CD。
无意中看到说，微信开发者工具内置了weui开发组件，只要在app.js里引用即可。
我试了，确实可以。
但样式未生效，不知道是不是缓存问题还是啥，所以最后我单独下载样式文件然后按目录位置引入。
组件因为ide内置了，所以只要声明的就行。
不知道说清楚了没?

+1

[wubinsheng2017]

project.config.json 文件这么改下，重新构建npm，构建结果会调整到miniprogram目录中
最后按结果修改引用路径试下
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
],

[anuxs]

样式这样手工引入把：
1、先 npm i weui-miniprogram 安装这个组件库；
2、在 app.js 中直接 import 安装之后的样式库，so easy ，都不用折腾那个useExtendedLib了。
import 'weui-miniprogram/miniprogram_dist/weui-wxss/dist/style/weui.wxss';
折腾许久之后试出来的方案。注意路径其实就是 node_modules 中的路径，所以要先安装组件库。你也可以不安装，直接如同上面兄弟说说的，把样式文件自己复制到项目中去再import 进来，原理都是一样的。只不过 npm 安装一下省得自己再去找了。

[MOONCOM]

2.14.1版本中
引入WeUI的组件，只需要配置下面的内容
"useExtendedLib":{
"weui": true
}
不需要引入wxss样式
@import './weui-miniprogram/weui-wxss/dist/style/weui.wxss';

[davepkxxx]

基础库 2.2.1 开始支持，低版本需做兼容处理。
要在IDE的详情->本地设置里，把调试基础库版本改一下

[joseshiang]

app.wxss 文件使用相对路径引入即可，如下：

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

[QWKk]

安装的weui的库，里面是被node_modules包着的，在app.wxss引入@import './node_modules/weui-miniprogram/miniprogram_dist/weui-wxss/dist/style/weui.wxss'; ，一直说 [ WXSS 文件编译错误] ./app.wxss
File not found: ./node_modules/weui-miniprogram/miniprogram_dist/weui-wxss/dist/style/weui.wxss(env: Windows,mp,1.05.2111300; lib: 2.19.6)