鍍金池/ 問答/HTML/ Vue源碼中關(guān)于import...from...引入模塊路徑的問題求教。

Vue源碼中關(guān)于import...from...引入模塊路徑的問題求教。

Vue.js web-runtime-full-compile.js中的代碼

import Vue from './web-runtime'
import { warn, cached } from 'core/util/index'
import { query } from 'web/util/index’

如上代碼的from后面的路徑,剛開始以為是ES6module的語法經(jīng)過改造的,跟require的請(qǐng)求路徑類似的話,下面的core/util因?yàn)椴皇莕ode的內(nèi)置模塊,而且沒有’./‘類似的相對(duì)路徑標(biāo)識(shí)符,node就會(huì)去node_modules中去找,但是Vue源碼很明顯是在本地文件夾找的。

我把文件的結(jié)構(gòu)截個(gè)圖。

clipboard.png

Core/index還可以理解,但是web/util是在platforms下面的,直接import { warn, cached } from 'core/util/index'能找到這是怎么回事?我就想著是不是有什么配置,結(jié)果沒找到。

回答
編輯回答
傲寒

webpack.base.conf.js

clipboard.png

2018年2月21日 20:42
編輯回答
伴謊

clipboard.png

還是對(duì)Vue源碼不熟悉,在用rollup打包的時(shí)候,有這么一個(gè)別名的配置。

2017年1月28日 18:07
編輯回答
寫榮

如果使用vue-cli 出來項(xiàng)目, 且使用webpack-dev-server去跑項(xiàng)目的話,在文件的結(jié)構(gòu)中,有個(gè)build文件夾,build文件夾中的webpack.base.conf.js文件有個(gè)resolve屬性,這個(gè)屬性可以配置路徑,將比較常用的長路徑省略掉。

2017年2月6日 04:08
編輯回答
法克魷

謝邀!
加./是引入本地的相對(duì)路徑的文件

不加./是依賴 這個(gè)很輕松理解
他引入某個(gè)依賴下面的某個(gè)組件模塊 它遵循尋找的路徑就是某個(gè)依賴下 某個(gè)文件夾下 某個(gè)文件這有什么難理解的嗎 對(duì)應(yīng)你圖 就是core 下面的util 下面的index

2017年3月26日 00:37