专栏首页柠檬先生Vue 源码分析——构造函数原型

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

在执行 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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 构造函数和原型

    实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age sing 就是实例成员,实例成员只能通过实例化的对象来访问

    梨涡浅笑
  • 构造函数和原型

    在典型的OOP的语言中(如Java) , 都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前, JS中并没用引入类的概念。 ES6,全称ECMA...

    星辰_大海
  • PHP 构造函数和析构函数原理与用法分析

    本文实例讲述了PHP 构造函数和析构函数原理与用法。分享给大家供大家参考,具体如下:

    砸漏
  • ES6部分源码重写 -1(ES5-构造函数解析)

    此时,因为军事实力的提升,我们的需求发生改变,需要生产具有攻击能力的战斗机 所以,我们在创建一个攻击机的构造工厂 因为后来生产的飞机是在已有工厂的前提下生产...

    envoke
  • C++-虚函数之构造函数与析构函数分析

    假如构造函数是虚函数的话,由于对象开始还未分配内存空间,所以根本就无法找到虚函数表,从而构造函数也无法被调用.所以构造函数是不能成为虚函数.

    张诺谦
  • ES6部分源码重写 -2(ES6-构造函数初步解析)

    上一篇讲解了ES5中的对象的创建和继承,使用ES5的时候有一些要求和限制 现在使用ES6来搞

    envoke
  • Vue 源码分析—— 目录结构

     1.compiler 目录包含Vue.js 所有编译相关的代码。它包括把所有模板解析成ast 语法树, ast 语法树优化等功能。

    用户1197315
  • 关于构造函数与析构函数的分享

    创建复杂的类类型的对象时,可能需要对一些数据或者对象中需要使用的资源进行一些初始化操作,比如设置成员的默认值,打开数据库,打开文件,等等,而这些准备工作,就可以...

    用户7053485
  • 理解构造函数与原型对象

    在Es6之前,由于javascript没有对类的支持,也就是说它并不具备如传统后台语言(比如java)拥有类的功能,所谓类就是用来描述事物中的属性和行为的,类的...

    itclanCoder

扫码关注云+社区

领取腾讯云代金券