vue原理分析（一）“import Vue from ‘vue‘”

今天开始学习vue原理

我们从最开始的代码开始学习

import Vue from 'vue'

这里做了什么呢？

我们先扩展了解一下import语法

常用的import有三种方式

1. 默认导入

类似 import Vue from 'vue'

2. 按需导入

类似 import { ref } from 'vue'

3. 全部导入,把所有的输出包裹到obj对象里

import * as obj from 'xx'

目前遇到的是第一种，我们针对第一种进行学习

import Vue from 'vue'

这里需要去 'vue'的模块里面去找

也就是

node_modules/vue/package.json 里面去看

进入 package.json

package.json中 "version": "2.7.16",

package.json中主入口 "main": "dist/vue.runtime.common.js"

进入 dist/vue.runtime.common.js

根据 process.env.NODE_ENV 做了判断，

生产模式 module.exports = require('./vue.common.prod.js')

开发模式 module.exports = require('./vue.common.dev.js')

到这 import Vue from 'vue' 就可以先告一段落