elementui源碼解讀-問題2 import Element from ‘main/index.js‘其中main指向何處

最新推荐文章于 2023-11-03 14:45:49 发布
最新推荐文章于 2023-11-03 14:45:49 发布
阅读量320 收藏
点赞数 1
分类专栏： 異常問題 Vue 文章标签： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/losedguest/article/details/110084002
版权

Element-UI里的引入Element都是這樣 import Element from 'main/index.js'

可是在文檔結構里找了一圈也沒有找到main文件

其實這個main是一個別名

在webpack的js文件里設定了對應關係

比如當前使用npm run dev:play 運行的項目

npm run dev:play 運行用的webpack.demo.js進行的打包

 webpack.demo.js里配置別名設置如下 (引用的config.js里的alias)

config.js里的配置如下,這裡可可以清楚知道'main/index.js' 指向的是'../src/index.js'

 

losedguest
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue-Cli脚手架文件main.js、App.vue、index.html、index.js详解
weixin_30603633的博客
06-17 2180
最近在学习Vue，学习Vue必定离不开vue-cli脚手架的运用，这里给大家梳理一下vue-cli的相关文件以及其调用关系。 话不多说，直接上图（笔者从网上找的） 使用到vue项目的文件包括一个.html，两个.js，两个.vue文件，关系如上图所示 1、index.xml为vue项目默认首页，里面默认引用了app.vue根组件 2、main.js为vue项目的入口文件，加...
ele-tree-select:基于elementUI的下拉树插件
05-13
在 main.js 中引入 import EleTreeSelect from 'ele-tree-select' import 'ele-tree-select/lib/ele-tree-select.css' Vue.use(EleTreeSelect) 属性 属性 说明 类型 是否必传 默认值 可选值 props 配置选项 object ...
router路由的配置和使用（详细教程）：main.js、App.vue、路由文件index.js之间的关系连接
YY的博客
11-29 4666
router路由的使用
ElementUI的构建流程
weixin_33859844的博客
09-16 1563
背景 最近一直在着手做一个与业务强相关的组件库，一直在思考要从哪里下手，怎么来设计这个组件库，因为业务上一直在使用ElementUI（以下简称Element），于是想参考了一下Element组件库的设计，看看Element构建方式，并且总结成了这篇文章。 Element的目录结构 废话不多说，先看看目录结构，从目录结构入手，一步步进行分解。 ├─build // 构建相关的脚本和配置 ├─exa...
ElementUI按需引入
weixin_61273407的博客
03-29 1632
1. 安装 babel-plugin-component npm install babel-plugin-component -D 2. 在项目目录下创建elementUi /index.js目录及文件 elementUi / index.js // 里面的这些 MessageBox Dropdown 都是 element 组件库标签的驼峰写法 import { MessageBox, Message, Dropdown, DropdownMenu, DropdownItem } ...
Element UI使用方法
Vevean2545116309的博客
08-03 880
1.安装脚手架（脚手架又依赖于node与webpack） 安装webpack:npm install [email protected] -g 安装脚手架:npm install -g @vue/[email protected] 2.创建脚手架 脚手架2如下： 脚手架3： vue create 项目名称 3.切换到安装好的项目目录下，安装elementui npm i element -ui -s 4.在main.js中引入elementui import ElementUI from 'element-ui'; imp
【JwChat极简聊天框组件 v0.2.48】基于Vue和ElementUI极简的聊天框组件+表情包功能+可自动匹配微信表情
08-14
2、在 main.js 中引入组件 import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; Vue.use(ElementUI); import Chat from ‘jwchat’; import ‘jwchat/lib/JwChat.css’; Vue....
【极简聊天框组件 v0.2.48】基于Vue和ElementUI极简的聊天框组件+表情包功能+可自动匹配微信表情.zip
04-18
2、在 main.js 中引入组件 import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; Vue.use(ElementUI); import Chat from ‘jwchat’; import ‘jwchat/lib/JwChat.css’; Vue....
vue-source-code:阅读vue.js的源代码-vue source code
03-24
这是什么？ Vue.js原始代码阅读， new Vue({})开始理解 vue-cli中的main.js做了什么？ 开发人员 npm install npm run dev # watch src 目录下的...import router from './router' // 以 element-ui 为例 import Eleme
基于 fastapi 的爬虫可视化调度系统源码+项目说明.zip
最新发布
04-09
【资源说明】 1、该资源包括项目的全部源码...@import "./assets/css/main.css"; @import "./assets/css/color-dark.css"; /*深色主题*/ /*@import "./assets/css/theme-green/color-green.css"; !*浅绿色主题*!*/ ```
/element-ui/lib/index.js
08-21
element-ui组件的离线使用资源，将其放在项目下引用正确路径即可使用，使用时需同时引入vue.js（https://download.csdn.net/download/weixin_45660840/12737581），适用于非前端项目页面使用
Element源码系列——搭建开发环境
马骏超的博客
07-17 4104
Element源码系列——搭建开发环境 序言 由于其中涉及的知识点比较多,为了尽可能写的更详细,将会有一些文章间的跳转.如有带来困扰,实在抱歉. 个人觉得在搭建之前,角色互换一下,设身处地的想一下如果让您做一个这样的产品应该怎么去开发? 既然咱们开发的是一个UI框架,那么一个美观的教程网站肯定是必须的,并且网站至少要有展示效果+代码+API这种组合来呈现内容. 那么我们首先要解决的...
VUE 路由配置（包含main.js index.js APP.vue 三大配置）
u013561722的专栏
06-16 3129
main.js import Vue from 'vue' import App from './App' import router from './router' import Element from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(Element); Vue.config.produ...
asp.net 安装element ui_Element-UI 技术揭秘（2）- 组件库的整体设计
weixin_39923599的博客
11-20 616
需求分析当我们去实现一个组件库的时候，并不会一上来就撸码，而是把它当做产品一样，思考一下我们的组件库的需求。那么对于 element-ui，除了基于 Vue.js 技术栈开发组件，它还有哪些方面的需求呢。丰富的 feature：丰富的组件，自定义主题，国际化。文档 & demo：提供友好的文档和 demo，维护成本小，支持多语言。安装 & 引入：支持 npm 方式和 cdn 方式，...
Element UI 组件库分析和二次开发（一）
huangpb的博客
11-08 5526
一、Element UI 组件库二次开发的大致流程 1. 从 Element 官方 clone 一份dev 源码到本地 2.安装依赖：npm i 3.修改组件源码 组件内容在 “packages/组件目录” 里修改。 组件样式在 “packages/theme-chalk/src/组件名.scss” 里修改。 查看效果可以在 “examples/docs/zh-CN/组件名.md” 里增加自己需要调试的代码，就可以在页面的相应的组件的例子中看到自己修改后的效果。 4.如果要上传到 n.....
js页面使用element-ui
qq_47793359的博客
11-03 782
js手写样式很麻烦，表格，表单画的很头疼，想用ui框架怎么办？别慌~~~下面分享下个人以element-ui在js项目里面使用的一些浅薄的经验。。。
在前端页面中使用element-ui和echarts教程（CDN引入方式）
qq_52781460的博客
06-02 7844
本篇文章主要实现在纯html+css+原生js的情况下使用element-ui组件，echarts图表来丰富自己的网页，快速开发。
element准备工作-js文件和css文件引入
星银色飞行船的博客
11-01 2710
打开官网 定位到如下位置 https://element.eleme.cn/#/zh-CN/component/installation 打开https://unpkg.com/element-ui/lib/theme-chalk/index.css 下载css文件 打开 https://unpkg.com/element-ui/lib/index.js 下载js文件 将下载的文件放入项目中 引用即可 ...
vue 3 的element-ui
09-28
2. 在 main.js 中通过 import 导入 Element-UI： ```javascript import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ``` 3. 如果您只想按需引入 Element-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值