1. 程式人生 > >Vue裡require('../config') 如何載入index.js

Vue裡require('../config') 如何載入index.js

 1. 前言 

 最近在學習Vue,直接用vue-cli構建專案後,在 webpack-base-conf.js 裡有 var config = require('../config') 這段程式碼,執行中實際是 var config = require('../config/index.js') , 參考了阮大大的文章:傳送門 終於明白如何載入的。(只想明白require用法直接看下面即可)

2.require的用法

   2.1當 Node 遇到 require(X) 時,按下面的順序處理。

2.1.1 如果 X 是內建模組(比如 require('http')) 
  a. 返回該模組。 
  b. 不再繼續執行。

2.1.2 如果 X 以 "./" 或者 "/" 或者 "../" 開頭 
  a. 根據 X 所在的父模組,確定 X 的絕對路徑。 
  b. 將 X 當成檔案,依次查詢下面檔案,只要其中有一個存在,就返回該檔案,不再繼續執行。

  • X
  • X.js
  • X.json
  • X.node

  c. 將 X 當成目錄,依次查詢下面檔案,只要其中有一個存在,就返回該檔案,不再繼續執行。

  • X/package.json(main欄位)
  • X/index.js
  • X/index.json
  • X/index.node

(3)如果 X 不帶路徑 
  a. 根據 X 所在的父模組,確定 X 可能的安裝目錄。 
  b. 依次在每個目錄中,將 X 當成檔名或目錄名載入。

(4) 丟擲 "not found"