美文网首页
修改Element-ui源码

修改Element-ui源码

作者: ing1023 | 来源:发表于2020-01-10 10:51 被阅读0次

    在使用element-ui的时候,有些功能不能满足我们的需求,就需要修改源码来满足。
    具体步骤如下:

    1.克隆element官方的仓库到本地

    git clone https://github.com/ElemeFE/element
    
    

    2.下载到本地之后进入项目,安装依赖包

    //进入项目
    cd element
    //安装依赖包
    npm install
    //运行项目
    npm run dev
    

    (注:依赖包安装成后在 默认会在 http://localhost:8085/打开本地网页,会看到element首页)

    3.进入element项目,packages文件夹就是我们要修改源码的目录文件夹

    比如我们进入 packages文件夹下的button文件夹里面的src文件,找到button.vue,我们修改class="el-button",添加class="el-button el-button-customize"一个自定义的class,然后保存。切换本地element首页,找到button组件,可以用审查元素查看,就会看到class="el-button el-button-customize"已经被修改了。

    4.修改完成后进行打包

    npm run dist
    

    命令行执行完毕,会在element文件夹里面生成lib文件夹

    5.复制lib文件夹到自己的项目目录

    在自己项目中找到node_modules并进入,然后找到element-ui文件夹替换里面的lib文件夹

    6.验证是否成功

    进入自己的项目文件目录,打开并运行项目,然后找到任意的button组件,验证button是否添加了自定义的el-button-customize 。

    相关文章

      网友评论

          本文标题:修改Element-ui源码

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