当前位置: 首页 > Web前端 > CSS

Vue源码目录结构

时间:2023-03-31 12:59:03 CSS

Vue版本:2.6.9源码结构图├─.circleci//包含CircleCI持续集成/持续部署工具的配置文件├─.github//项目相关文档,以上documentation就在这个文件夹里├─benchmarks//基准测试,性能测试文件,Vuebenchmarkdemo,比如有大量数据的表格或者渲染大量的SVG├─dist//构建后输出的不同版本的Vue文件(UMD,CommonJS,ES生产开发包)├─examples//一些例子,一些用Vue写的小demo├─flow//flow因为Vue使用[Flow](https://flow.org/)进行静态类型检查,静态类型检查类型声明文件├─packages//包含服务端渲染和模板编译器两个不同的npm包,针对不同的使用场景提供├─scripts//存放npm脚本配置文件,结合webpack和rollup编译,特st、build等操作(用户无需关心)│├─alias.js//模块导入测试中使用的所有源代码和别名│├─config.js//包含那些在'dist/`生成所有文件的配置│├─build.js//在config.js中构建所有rollup配置├─src//主要源码位置,核心内容│├─compiler//分析模板相关│├─codegen//将AST转换为Renderfunction│├─directives//生成Render函数前需要处理的通用指令│├─parser//将模板解析为AST│├─core//Vue核心代码,包括内置组件、全局API封装、Vue实例化、观察者、虚拟DOM、实用函数等。│├─components//组件相关的属性,主要是Keep-Alive│├─global-api//Vue全局API,如Vue.use、Vue.extend、Vue.mixin等│├─instance//实例化相关内容,生命周期,事件等│├─observer//响应式核心目录,双向数据绑定相关文件│├─util//工具方法│└─vdom//包括虚拟DOM创建(创建)和打补丁(patching)code│├─platforms//平台相关的内容,Vue.js是一个跨平台的MVVM框架(web,native,weex)│├─web//web端│├─compiler//web端编译相关codes,用于将模板编译成渲染函数basic.js│├─runtime//web端运行时相关代码,用于创建Vue实例等│├─server//服务端渲染│└─util//相关工具│└─weex//基于通用的跨平台web开发语言和开发经验构建Android、iOS和web应用│├─server//服务端渲染(ssr)│├─sfc//转换single文件组件(*.vue)│└─shared//全局共享的方法和常量├─test//测试用例├─types//新版本的Vue支持TypeScript,主要是TypeScript类型声明文件├─node_modules//npm包存放目录|--.babelrc.js//babel配置|--.editorconfig//文本编码风格配置文件|--.eslintignore//eslint证明检查忽略文件|--.eslintrc.js//eslint配置文件|--.flowconfig//流配置文件|--.gitignore//Gitcommit忽略文件配置|--BACKERS.md//赞助信息文件|--LICENSE//项目开源协议|--package.json//依赖|--README.md//描述文件|--yarn.lock//yarn版本锁文件Vue不同构建版本对比UMDCommonJSES模块(基于build工具使用)ESModule(直接在浏览器中使用)完整版vue.jsvue.common.jsvue.esm.jsvue.esm.browser.js只包含运行时版本vue.runtime.jsvue.runtime.common.jsvue.runtime.esm.js-完整版(生产环境)vue.min.js--vue.esm.browser.min.js只包含运行时版本(生产环境)vue.runtime.min.js---术语解释完整版:包含编译器和运行时版本Compiler:用于将模板字符串编译成JavaScript渲染函数的代码。运行时:用于创建Vue实例、渲染和操作虚拟DOM等的代码。基本上除了编译器之外的所有其他内容。UMD:UMD版本可以通过