在執行 npm run dev 的時候 根據script/config.js 文件中的配置 'web-full-dev': { entry: resolve('web/entry-runtime-with-compiler.js'), dest: resolve('dist/vue.js'), fo ...
在執行 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