更新记录
1.0.0(2023-08-04)
下载此版本
通过webpack/vite插件,实现小程序全局组件,在webpack项目中设置vue.config.js
如下:
const path = require('path');
module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.vue$/,
use: {
loader: path.resolve(__dirname,'./node_modules/@uniapp-global-component/webpack'),
options: {
pagesPath: path.resolve(__dirname, '.'),
components: [{
code: `<base-confirm ref='confirm'></base-confirm>`,
global: true
}, {
code: `<global-toast ref='toast'></global-toast>`,
global: false
}, {
code: `<base-loading ref='loading'></base-loading>`,
global: false
}]
}
},
},
],
},
},
};
然后在项目中通过$refs.toast调用组件的show方法就能够直接使用。
详细说明可以查看GitHub文档
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.6.16 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
global-toast