前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue 源码分析——构造函数原型

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

作者头像
用户1197315
发布2018-12-21 16:52:56
4540
发布2018-12-21 16:52:56
举报
文章被收录于专栏:柠檬先生柠檬先生

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-11-30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档