美文网首页
手动导入Element组件,优化包的体积示例

手动导入Element组件,优化包的体积示例

作者: JohnYuCN | 来源:发表于2022-08-14 12:13 被阅读0次

    1. 安装unplugin-element-plus

    npm install -D unplugin-element-plus
    

    在vite.config.ts中加入:

    import ElementPlus from "unplugin-element-plus/vite";
    ....
    export default defineConfig({
      plugins: [..., ElementPlus()],
    ...
    });
    

    3. 使用:

    在vue中,单独引入所需要的组件:

    import {ElButton,...} from 'element-plus'
    ...
    <el-button>ok</el-button>
    

    4. 效果:

    未优化的效果 优化后的效果

    相关文章

      网友评论

          本文标题:手动导入Element组件,优化包的体积示例

          本文链接:https://www.haomeiwen.com/subject/veokgrtx.html