Vue.js目录结构
来源:互联网 发布:raptor软件使用 编辑:程序博客网 时间:2024/05/21 00:52
build
: contains build-related configuration files. In most cases you don't need to touch them. However, it would be helpful to familiarize yourself with the following files:build/alias.js
: module import aliases used across all source code and tests.build/config.js
: contains the build configurations for all files found indist/
. Check this file if you want to find out the entry source file for a dist file.
dist
: contains built files for distribution. Note this directory is only updated when a release happens; they do not reflect the latest changes in development branches.See dist/README.md for more details on dist files.
flow
: contains type declarations for Flow. These declarations are loaded globally and you will see them used in type annotations in normal source code.packages
: containsvue-server-renderer
andvue-template-compiler
, which are distributed as separate NPM packages. They are automatically generated from the source code and always have the same version with the mainvue
package.test
: contains all tests. The unit tests are written with Jasmine and run with Karma. The e2e tests are written for and run with Nightwatch.js.src
: contains the source code, obviously. The codebase is written in ES2015 with Flow type annotations.compiler
: contains code for the template-to-render-function compiler.The compiler consists of a parser (converts template strings to element ASTs), an optimizer (detects static trees for vdom render optimization), and a code generator (generate render function code from element ASTs). Note the codegen directly generates code strings from the element AST - it's done this way for smaller code size because the compiler is shipped to the browser in the standalone build.
core
: contains universal, platform-agnostic runtime code.The Vue 2.0 core is platform-agnostic - which means code inside
core
should be able to run in any JavaScript environment, be it the browser, Node.js, or an embedded JavaScript runtime in native applications.observer
: contains code related to the reactivity system.vdom
: contains code related to vdom element creation and patching.instance
: contains Vue instance constructor and prototype methods.global-api
: as the name suggests.components
: universal abstract components. Currentlykeep-alive
is the only one.
server
: contains code related to server-side rendering.platforms
: contains platform-specific code.Entry files for dist builds are located in their respective platform directory.
Each platform module contains three parts:
compiler
,runtime
andserver
, corresponding to the three directories above. Each part contains platform-specific modules/utilities which are then imported and injected to the core counterparts in platform-specific entry files. For example, the code implementing the logic behindv-bind:class
is inplatforms/web/runtime/modules/class.js
- which is imported inentries/web-runtime.js
and used to create the browser-specific vdom patching function.sfc
: contains single-file component (*.vue
files) parsing logic. This is used in thevue-template-compiler
package.shared
: contains utilities shared across the entire codebase.types
: contains TypeScript type definitionstest
: type definitions tests
- Vue.js 目录结构
- Vue.js 目录结构
- Vue.js目录结构
- Vue.js项目目录结构
- vue开发:vue目录结构
- Webpack创建、运行vue.js项目及其目录结构详解
- Vue.js项目新建及目录结构分析
- Webpack创建、运行vue.js项目及其目录结构详解
- Vue目录结构
- VUE目录结构介绍
- vue项目目录结构
- Vue目录结构
- vue目录结构
- VUE源码结构目录
- vue--目录结构介绍
- vue.js项目结构
- vue学习02----目录结构
- vue-cli目录结构介绍
- String笔记,字符串没替换掉,同样的问题自己坑自己好多次了,记下来!!!
- ios tableview cell上面的view添加手势,两个手指同时点击cell上的view的冲突(手势冲突)
- Triplet Loss
- jQuery formValidator 表单验证
- [喵咪软件推荐(1)]全球国家信息库
- Vue.js目录结构
- MyBatis的传入参数parameterType类型
- sublime text3快捷键
- 图片三级优化
- NLP入门+实战必读:一文教会你最常见的10种自然语言处理技术(附代码)
- SQL Server 2008的BI组件SSAS使用详解
- [喵咪软件推荐(2)]全球服务器测速工具speedtest-cli
- <5> 一些关于链表的练习
- effective C++ 学习(Templates and Generic Programming(泛型编程))