uni-ui 怎么按需在页面引入 el-button

如果你想在页面中按需引入 `el-button`，可以按照以下步骤进行操作：

1. 在 `babel.config.js` 中添加 `styleLibraryName` 和 `libraryDirectory` 配置项：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        styleLibraryName: 'theme-chalk',
        libraryDirectory: 'es',
        style: true
      }
    ]
  ]
}

这里的 `styleLibraryName` 是指定主题的名称，`libraryDirectory` 是指定组件源代码的目录。

2. 在需要使用 `el-button` 的组件中引入：

import { Button } from 'element-ui'

export default {
  components: {
    'el-button': Button
  }
}

这样就可以按需引入 `el-button` 组件了。

相关问题

uni-ui组件如何按需引入

uni-ui组件库提供了按需引入的方式，可以根据需要只引入需要的组件，而不是全部引入。具体步骤如下：
1. 在需要使用的页面或组件中，使用import语句引入需要的组件，例如：import { uniButton } from 'uni-ui';
2. 在页面或组件的components选项中注册引入的组件，例如：components: { uniButton }
3. 在页面或组件中使用已注册的组件，例如：<uni-button>按钮</uni-button>

这样就可以只引入需要的组件，减小项目体积，提高性能。

uniapp 按需引入uni-ui

要在uni-app中按需引入uni-ui的组件，可以按照以下步骤进行：

1. 安装uni-ui插件：在HBuilderX中打开插件市场，搜索并安装uni-ui插件。

2. 在项目的pages.json中配置需要按需引入的组件，例如：

"easycom": {
  "autoscan": true,
  "custom": {
    "^uni-(.*)": "@/uni-ui/components/uni-$1/uni-$1.vue"
  }
}

这里配置了以uni-开头的组件按路径 `@/uni-ui/components/uni-$1/uni-$1.vue` 引入。

3. 在需要使用组件的页面中，直接使用组件名称即可，例如：

<template>
  <uni-button>按需引入uni-ui组件</uni-button>
</template>

以上就是在uni-app中按需引入uni-ui组件的简单实现方式。