阅读element-ui源码（1）怎么找到样式与组件入口文件

最新推荐文章于 2022-04-08 23:13:38 发布

笑笑的微笑

最新推荐文章于 2022-04-08 23:13:38 发布

阅读量2.2k

点赞数 2

分类专栏：前端文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/pz3305636904/article/details/118633485

版权

本文介绍了如何阅读Element-UI的源码，从入口文件开始，详细解析了启动过程，包括读取组件配置、生成组件注册模板、Webpack配置以及项目实际入口文件的结构。同时，提到了组件模板的来源和文档路由的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

怎么阅读？

首先，找到入口文件
找到样式文件与组件文件
有没有一些复用的小组件，由这些小组件组成的大组件有哪些

入口文件

项目启动文件：

"scripts": {
    "bootstrap": "yarn || npm i",
    "build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/i18n.js & node build/bin/version.js",
    "build:theme": "node build/bin/gen-cssfile && gulp build --gulpfile packages/theme-chalk/gulpfile.js && cp-cli packages/theme-chalk/lib lib/theme-chalk",
    "build:utils": "cross-env BABEL_ENV=utils babel src --out-dir lib --ignore src/index.js",
    "build:umd": "node build/bin/build-locale.js",
    "clean": "rimraf lib && rimraf packages/*/lib && rimraf test/**/coverage",
    "deploy:build": "npm run build:file && cross-env NODE_ENV=production webpack --config build/webpack.demo.js && echo element.eleme.io>>examples/element-ui/CNAME",
    "deploy:extension": "cross-env NODE_ENV=production webpack --config build/webpack.extension.js",
    "dev:extension": "rimraf examples/extension/dist && cross-env NODE_ENV=development webpack --watch --config build/webpack.extension.js",
    "dev": "npm run bootstrap && npm run build:file && cross-env NODE_ENV=development webpack-dev-server --config build/webpack.demo.js & node build/bin/template.js",
    "dev:play": "npm run build:file && cross-env NODE_ENV=development PLAY_ENV=true webpack-dev-server --config build/webpack.demo.js",
    "dist": "npm ru

最低0.47元/天解锁文章