更新记录

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文档

平台兼容性

uni-app

global-toast