解決JS文件引用路徑多層查找

羅志環發布于2019-08-23 12:18 / 2801人閱讀

摘要：但是在下編輯有點問題智能路徑提示不能用了解決方案添加定位模塊解決方案使用插件然后使用相當于

一問題

路徑結構 0

如過0-1-2-0-0里面的文件引用0-2-0里面的文件：
（1）相對路徑寫法

../../../../0-2/0-2-0/file

(2)絕對路徑寫法

/0-2/0-2-0/file

使用相對路徑引用每次引用都要花費精力寫很長的路徑查找；
而使用絕對路徑會有安全性的問題（test）

二解決方案

1. webpack alias

module.exports={
...
  resolve: {
    alias: {
      src: path.resolve(__dirname,"./src"),
    },
  },
...
}

Question:
如果使用了ESlit,ESlint無法識別你自定義的路徑變量，會報錯
2.解決ESlint報錯：
使用 eslint-import-resolver-webpack，告訴eslint，使用webpack的resolver來檢查package是否引用正確

1.安裝

npm install eslint-import-resolver-webpack  --save

2.修改.eslintrc
配置示例：

module.exports = {
   // ...
   // eslint-import-resolver-webpack 讓eslint，使用webpack的resolver來檢查package是否引用正確
   settings: {
       "import/resolver": "webpack",
   },
 };

alias同樣會有在IDE中無法定位函數和模塊的問題等智能提示無法使用的問題
更過配置請參考：eslint-import-resolver-webpack
3.智能路徑提示
現在路徑變量已經能正常工作了。但是在IDE下編輯有點問題：
（1）智能路徑提示不能用了
解決方案：vscode jsconfig.json
jsconfig.json：https://code.visualstudio.com...

添加jsconfig.json

{
    "compilerOptions": {
        "target": "es6",
        "baseUrl": ".",
        "paths": {
            "src": ["./src/*"],
        }
    },
    "include": [
        "src/**/*",
    ]
}

4.定位模塊
解決方案：使用VScode插件Path Intellisense
https://marketplace.visualstu...

5.然后使用 "src/utils" 相當于 "/src/utils"

GPU云服務器云服務器 php中引用文件路徑 js 查找文件 js文件引用js js文件引用重復

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98277.html

node模塊加載層級優化

摘要：環境變量法通過上一節的源碼分析，我們知道了的作用，那么如何使用或者優雅的使用來解決依賴加載問題呢嘗試一最為直接的是，修改系統的環境變量。模塊加載痛點大家也或多或少的了解node模塊的加載機制，最為粗淺的表述就是依次從當前目錄向上級查詢node_modules目錄，若發現依賴則加載。但是隨著應用規模的加大，目錄層級越來越深，若是在某個模塊中想要通過require方式以依賴名稱或相對路...

eccozhou 2019-08-20 12:21 評論0 收藏0
Node.js模塊化機制原理探究

摘要：要想讓模塊再次運行，必須清除緩存。用戶自己編寫的模塊，稱為文件模塊。并且和指向了同一個模塊對象。模塊路徑這是在定位文件模塊的具體文件時指定的查找策略，具體表現為一個路徑組成的數組。前言 Node應用是由模塊組成的，Node遵循了CommonJS的模塊規范，來隔離每個模塊的作用域，使每個模塊在它自身的命名空間中執行。 CommonJS規范的主要內容：模塊必須通過 module.exp...

aikin 2019-08-20 14:20 評論0 收藏0
RequireJS學習筆記

摘要：如果有疑惑的地方，歡迎討論，我是初學，希望能切磋和得到指點加載會阻塞頁面加載默認異步加載文件方法一把放到頁面底部加載方法二支持定義全局相對路徑方法一自定義屬性指定網頁程序的主模塊文件定義整個網頁代碼的入口文件的相對位置，以后此文件如果有疑惑的地方，歡迎討論，我是初學，希望能切磋和得到指點； js加載會阻塞頁面加載： //requirejs默認異步加載js文件；方法一...

hersion 2019-08-19 18:01 評論0 收藏0
Nodejs模塊加載與ES6模塊加載實現

摘要：以后需要引用模塊的變量函數類就在這個模塊對象的取出，即使再次進來模塊也不會重新執行，只會從緩存獲取。所以對相同模塊的再次加載都是優先緩存方式，核心模塊的緩存檢查依然優先于文件模塊。內建模塊導出啟動會生成全局變量，提供方法協助加載內建模塊。原始時代作為一門語言的引入代碼方式，相較于其他如PHP的include和require，Ruby的require，Python的import機制，...

陳江龍 2019-08-26 10:38 評論0 收藏0