以下是学习Vue.js源码过程中的一些知识点记录,主要是根据Vue.js技术秘籍的学习过程作为参考~版本:2.6.12构建:package.json中构建对应的命令为“nodescripts/build.js”。当使用命令npmrunbuild时,将运行scripts/build.js文件config.js。这个文件是在build.js中引入的。它主要包含一些构建配置。这个文件主要包含以下内容:builds对象是一个对象,对象中有很多key,也对应一个objectkey。key对应的对象包含属性entry,dest,format,env,bannergenConfig方法使用builds中的item生成新的配置对象,因为vue构建使用rollup,构建的新config结构与汇总中的结构。从'vue'导入Vue有什么作用?在web应用下,使用Runtime+Compiler构建的Vue.js解析入口:src/platforms/web/entry-runtime-with-compiler.js在entry-runtime-with-compiler.js文件中,可以看到引入一个Vue从'./runtime/index'导入Vue然后进入runtime/index.js进行观察。这个文件也是从'core/index'引入VueimportVue,然后进入core目录下的index.js。导入的Vue还是importVuefrom'./instance/index'最后进入instance目录下的index.js。这时候终于看到Vue是怎么构建的了。functionVue(options){if(process.env.NODE_ENV!=='production'&&!(thisinstanceofVue)){warn('Vue是一个构造函数,应该使用`new`关键字调用')}this._init(options)}以函数的形式定义Vue。我们在Vue实例化的时候使用new来初始化对象,所以Vue的本质就是使用Function来构建,同时针对不同的场景使用。Vue原型上的Mount方法。
