node.js開發項目,如果目錄結構復雜,import需要使用相對路徑很麻煩,vue引入了@別名引用,該方式簡化了引用路徑描述。但是IDE對@別名支持的不好,可以點擊關聯到元文件。但是目前沒找到配置能讓IDE分析@引用的文件的。導致import出來的內容無法直接定位到源文件。經過一段時間摸索。發下一個新方式,但本人不是專職前端,不知道這個方式是否合理,步驟如下:1 把src npm init成一個library這個很簡單,進入到項目的src下,npm init一步一步執行即可2 把src library鏈接到項目的node_modules中進入到項目的root node_modules中,執行ln -s ../../src src創建軟連接3 修改src的package.json{ "name": "src", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1"
}, "author": "", "license": "ISC", "dependencies": { "src": "file:src"
}
}"src": "file:src"這個很關鍵常規依賴后面是寫的版本號,但是這樣寫應該可以避免被同名的遠程倉庫覆蓋(這個地方自己需要謹慎,考慮極端情況被覆蓋的概率)4 使用src模塊以上準備好以后,在代碼中就可以直接導入src下的文件了import 'src/icons'import 'src/permission'import { login, logout } from 'src/api'
添加回答
舉報
0/150
提交
取消