当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Vue 源码分析——构造函数原型

Vue 源码分析——构造函数原型

2018年12月01日  | 移动技术网IT编程  | 我要评论

在执行 npm run dev 的时候 根据script/config.js 文件中的配置

'web-full-dev': {    

　　entry: resolve('web/entry-runtime-with-compiler.js'),    

　　dest: resolve('dist/vue.js'),    

　　format: 'umd',    

　　env: 'development',    

　　alias: { he: './entity-decoder' },    

　　banner  }

 

可知入口文件为 'web/entry-runtime-with-compiler.js',最终输出为'dist/vue.js',

　　有一个umd 模块,模块的类型总共有（iife amd cmd cjs umd es6）

在script 文件下的 alias.js 是别名配置文件。

　　module.exports = {  

　　　　　　vue: resolve('src/platforms/web/entry-runtime-with-compiler'),  

　　　　　　compiler: resolve('src/compiler'),  core: resolve('src/core'),

　　　　　　 shared: resolve('src/shared'),  web: resolve('src/platforms/web'),  

　　　　　　weex: resolve('src/platforms/weex'),  

　　　　　　server: resolve('src/server'),  

　　　　　　entries: resolve('src/entries'),  

　　　　　　sfc: resolve('src/sfc') }

例如：web: resolve('src/platforms/web')  web 指向 'src/platforms/web' 路径

　　打开  src/platforms/web/entry-runtime-with-compiler.js

　　会发现  import vue from './runtime/index'  这个文件的 vue  是从

　　'./runtime/index' 导入来的，接下来打开 runtime 目录下的 index.js

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网