• 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

  • 相关阅读:
    close 不弹出对话框
    ASP.NET会话(Session)保存模式
    ASP.NET页面刷新后滚动条保留在刷新前的位置 MaintainScrollPositionOnPostback
    CSS实现垂直居中的5种方法
    ExpandStackTrace
    HttpTunnel
    PropertyAccess类 Linq.Expressions 实现
    DatagramResolver
    AsyncUdpClient 类
    C# LockFreeStack类
  • 原文地址:https://www.cnblogs.com/nmxs/p/10044996.html
Copyright © 2020-2023  润新知