node.js開發(fā)項(xiàng)目,如果目錄結(jié)構(gòu)復(fù)雜,import需要使用相對(duì)路徑很麻煩,vue引入了@別名引用,該方式簡化了引用路徑描述。但是IDE對(duì)@別名支持的不好,可以點(diǎn)擊關(guān)聯(lián)到元文件。但是目前沒找到配置能讓IDE分析@引用的文件的。導(dǎo)致import出來的內(nèi)容無法直接定位到源文件。經(jīng)過一段時(shí)間摸索。發(fā)下一個(gè)新方式,但本人不是專職前端,不知道這個(gè)方式是否合理,步驟如下:1 把src npm init成一個(gè)library這個(gè)很簡單,進(jìn)入到項(xiàng)目的src下,npm init一步一步執(zhí)行即可2 把src library鏈接到項(xiàng)目的node_modules中進(jìn)入到項(xiàng)目的root node_modules中,執(zhí)行l(wèi)n -s ../../src src創(chuàng)建軟連接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"這個(gè)很關(guān)鍵常規(guī)依賴后面是寫的版本號(hào),但是這樣寫應(yīng)該可以避免被同名的遠(yuǎn)程倉庫覆蓋(這個(gè)地方自己需要謹(jǐn)慎,考慮極端情況被覆蓋的概率)4 使用src模塊以上準(zhǔn)備好以后,在代碼中就可以直接導(dǎo)入src下的文件了import 'src/icons'import 'src/permission'import { login, logout } from 'src/api'
vue@路徑優(yōu)化方案
繁華開滿天機(jī)
2019-03-15 13:16:47