VUE 2.60 源代码 【源代码构建】

本文编辑时,vue的为 v2.6.0-beta.1 

下载源代码:

vue代码托管在github 地址为:https://github.com/vuejs 

本文使用的vue 版本的压缩包:链接:https://pan.baidu.com/s/1MRo9_EyPfvI8gobxGtiegQ 提取码:gz8v 

目录文件解析

源码目录如下,这里仅解析重要目录

先编译通过,再扯淡

第一步:安装模块依赖

这里强烈推荐使用淘宝镜像进行包下载安装,npm 确实会比较慢,因为网络原因,一下模块总是会下载失败。

如果没有安装淘宝镜像安装命令如下:具体见:http://npm.taobao.org/

npm install -g cnpm --registry=https://registry.npm.taobao.org

首先进入package.json的目录(模块依赖是根据该文件描述下载安装的),然后执行安装命令

npm install

或者

cnpm install

注:如果报错,将模块目录(node_modules)删除重新进行安装,我是使用cnpm安装才成功的。

第二步:运行编辑命令

命令如下:

npm run-script build

应该不会报错,如果报错是模块错误的话,建议删除模块重新安装,模块中有个chromium的模块很大,130多兆。



编辑完成,下面是一些vue源码相关的配置和目录解析。

解析这些目录之前我们先看一个组要的声明配置文件,package.json 具体详解见 :https://blog.csdn.net/qq_26462567/article/details/82931592 (这篇是我写的比较简陋)

http://javascript.ruanyifeng.com/nodejs/packagejson.html这篇算是比较全面的,

这篇是官方的文档http://caibaojian.com/npm/files/package.json.html

解析部分package.json , 可以对vue目录有个大体的理解目的就达到了

  "files": [
    "src",
    "dist/*.js",
    "types/*.d.ts"
  ],

这里的files字段声明了编译时的依赖项目录或文件,描述可能不太贴切(The optional "files" field is an array of file patterns that describes the entries to be included when your package is installed as a dependency.这是官方的 )

1)vue的源码文件在src目录下,编译生成的文件在dist目录下

2)vue已经开始使用typescript进行编译了(部分使用,至少当前版本还在使用flow,感觉将来的版本,会将typescript替换掉flow)。

 "build": "node scripts/build.js",
 "build:ssr": "npm run build -- web-runtime-cjs,web-server-renderer",
 "build:weex": "npm run build -- weex",

这里时编辑命令:编辑命令的入口文件为build.js

vue源码编辑的命令为 

npm run-script build

猜你喜欢

转载自blog.csdn.net/qq_26462567/article/details/86589475