절대 경로로 import 쓰기
3823 단어 JavaScriptECMAScript2015
ES Modules에 js를 쓰면 상대 패스 지옥이 된다.
import baz from '../../../src/foo/bar/baz'
나는 프로젝트 노선의 절대 경로로 이것을 쓰고 싶지만, 몇 가지 방법이 있다.사용
mocha --compilers js:babel-core/register ...
라면 바벨의 이동 절대 경로가 해결될 수 있어서 좋아요.babel-Plugin-module-alias를 설치한 후
.babelrc
에 추가로 설정하면 된다.설정에 따라 깊은 곳에 있는 모듈을 밀어내고 별칭으로 참조할 수 있습니다..babelrc
{
"plugins": [
["module-alias", [
{ "src": "./src", "expose": "src" }
// { "src": "./src/foo/bar/blah/blah/baz", "expose": "bazu" }
]]
]
}
절대 패스! import baz from 'src/foo/bar/baz'
ESLit, flow 불평
이렇게 하면 ESLightimport/no-unresolved
의 규칙과 flow가 잘못될 수 있으니 ESLight를 놓치고 flow 경로를 알려주세요.
.eslintrc{
"rules": {
"import/no-unresolved": [2, { ignore: ['^src'] }]
}
}
.flowconfig[options]
module.name_mapper='^src/\(.*\)$' -> '<PROJECT_ROOT>/src/\1'
추기
ESLit을 통해 모듈eslint-import-resolver-babel-module-alias 해결 가능
Reference
이 문제에 관하여(절대 경로로 import 쓰기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/maaz118/items/e09c14b94e2cedba1d9b
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
{
"rules": {
"import/no-unresolved": [2, { ignore: ['^src'] }]
}
}
[options]
module.name_mapper='^src/\(.*\)$' -> '<PROJECT_ROOT>/src/\1'
Reference
이 문제에 관하여(절대 경로로 import 쓰기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/maaz118/items/e09c14b94e2cedba1d9b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)