elementui路径

以下是关于 Element UI 文件路径和使用的常见信息整理：

Element UI 安装路径

通过 npm 或 yarn 安装后，Element UI 的默认路径位于项目的 node_modules/element-ui 目录下。包含以下关键文件：

• lib/index.js：未压缩的组件代码
• lib/theme-chalk/index.css：默认主题样式文件
• lib/theme-chalk/fonts：图标字体文件

CDN 引用路径

若通过 CDN 引入，常用路径如下：

<!-- 样式文件 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 脚本文件 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

自定义主题路径

修改主题时需指向 SCSS 文件：

@import "~element-ui/packages/theme-chalk/src/index";

按需引入路径

使用 babel-plugin-component 时需指定准确路径：

import { Button } from 'element-ui'
import 'element-ui/lib/theme-chalk/button.css'

项目内引用建议

推荐通过别名简化路径：

// webpack 配置
resolve: {
  alias: {
    'element-ui$': 'element-ui/lib/index.js'
  }
}

注意：实际路径可能因版本或构建工具不同略有差异，建议查阅项目内 node_modules 的具体结构。