Element Ui 源码本地化修改使用

一、获取源码：

先创建要保存源码的文件夹，进入该文件夹

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

把Element Ui 的源码 克隆到本地，会发现当前文件夹下生成了一个element目录，这就是克隆到本地的源码了。

 

二、安装依赖

进入 element目录， 命令行终端 运行  npm install 。

这样 依赖包安装按成。

 

三、打包

在当前目录命令行终端执行 npm run dest ,执行完成后当前目录多了一个 lib文件夹。这个文件夹中的文件就是打包后的组件及样式，和我们使用npm install element-ui下载下来的依赖包中的lib文件夹内容相同，也就是我们使用时引用的资源。

 

四、本地调试

当前目录命令行终端 执行 npm run dev:play 启动本地的服务。

启动对应 examples/play/index.vue文件。可以在这个文件中随意引入组件进行调试。

packages文件夹中存放的就是各种组件源码，可以根据需要去进行修改，修改完成后重新执行npm run dist就会重新打包，覆盖lib文件夹。

/packages/theme-chaik下是elementUI各个组件的样式文件，源码中样式采用sass进行预编译，所以如果要修改源码样式就需要在src文件夹下找到相应的样式进行修改，修改完成后在theme-chalk文件夹下， npm install安装以来，安装完后使用npm run build