将vue3 编译后集成到 若依的ruoyi-ui

将Vue 3编译后整合到若依(RuoYi UI)框架中，通常需要按照以下步骤操作：

1. **安装依赖**:
首先，确保已经全局安装了Vue CLI，然后在项目中安装RuoYi UI的Vue版本和其他必要的库：

   npm install ruoyi-vue @vue/cli-plugin-router @vue/cli-plugin-element-plus

2. **配置Vue项目**:
在`vue.config.js`中添加Element Plus作为默认的UI组件库，并启用路由功能：

   module.exports = {
     chainWebpack: (config) => {
       config.module
         .rule('element')
         .use('import-loader')
         .loader('import-loader')
         .options({
           libraryName: 'ruo-yi', // RuoYi UI的库名
           libraryDirectory: 'packages/element', // 元素UI文件所在目录
           fallback: '@vue/runtime-dom', // 如果找不到Element Plus，使用Vue运行时DOM插件
         });
     },
     plugins: [
       require("@vue/cli-plugin-router").default,
       require("@vue/cli-plugin-element-plus").default
     ]
   };

3. **导入并使用RuoYi UI组件**:
在需要的地方，可以像平常引入Vue组件一样导入RuoYi UI的组件，例如：

   <template>
     <el-button type="primary">按钮</el-button>
   </template>

   <script>
   import { ElButton } from "ruo-yi/packages/button";
   export default {
     components: {
       ElButton
     }
   };
   </script>

4. **构建和部署**:
使用Vue CLI构建应用：

   vue-cli-service build

然后将生成的静态文件部署到服务器上。