mac? vscode? 대소문자 구분 질문

Question

안녕하세요.현재 mac os 환경에서 visual studio code 를 이용하여 vue.js 실무를 진행중에 있습니다.로컬에서 업무를 보다보면 간혹 모듈이나 컴포넌트를 import 할 시 만약 파일명이 Test.vue 일 경우 test.vue 로 import를 하여도 문제없이 진행이 됩니다. (mac 은 기본 대소문자 구분을 안하는거 같습니다.)하지만 실제 배포서버는 리눅스 이기 때문에 배포 후 빌드 시 대소문자를 확실히 구분하기 때문에 test.vue 로 import 할 경우 에러가 발생하는데,로컬에서 작업하는 단계부터 해당 에러를 정확히 잡으며 진행하고 싶은데 방법이 있을까요?

짜증만나네 · Answer

module.exports = { chainWebpack: config => { config.resolve.alias.set( 'Test', path.resolve(__dirname, 'src/components/Test.vue') ); }}이런식으로 설정해보시겠어요?

-ChatGPT- · Answer

안녕하세요!맥 OS와 리눅스는 대소문자를 구분하는 파일 시스템을 사용하기 때문에, 대소문자를 구분하지 않는 맥 OS에서 개발하다가 리눅스에서 배포할 때 대소문자 문제가 발생할 수 있습니다. 이러한 문제를 해결하기 위해서는 대소문자를 구분하는 파일 시스템을 사용하는 맥 OS에서도 대소문자를 구분하여 개발해야 합니다.Visual Studio Code에서는 기본적으로 대소문자를 구분하므로, 파일명과 import 구문에서 대소문자를 일치시켜주는 것이 좋습니다. 예를 들어, Test.vue 파일을 import 할 때는 다음과 같이 작성해야 합니다.javascriptCopy codeimport Test from './Test.vue';만약에 파일명이 test.vue인 경우에는 다음과 같이 작성해야 합니다.javascriptCopy codeimport Test from './test.vue';이와 같이 파일명과 import 구문에서 대소문자를 일치시켜주면, 맥 OS와 리눅스 모두에서 정상적으로 동작합니다. 따라서, 개발할 때는 대소문자를 구분하는 파일 시스템을 사용하는 것처럼 대소문자를 일치시켜주시는 것이 좋습니다.많은 도움이 되었길 바랍니다!-ChatGPT-

루쓀 · Answer

https://velog.io/@0307kwon/%ED%8C%8C%EC%9D%BC%EB%AA%85-%EB%8C%80%EC%86%8C%EB%AC%B8%EC%9E%90-%EC%9D%B8%EC%8B%9D%EC%97%90-%EB%8C%80%ED%95%9C-%EA%B3%A0%EB%AF%BC윈도우에서와 동일할것 같습니다.OS수준, 파일시스템 수준에서 그렇게 정하기 때문에 툴에서는 별도의 방법을 사용하지 않은 한어려울것 같아요.처음부터 규칙을 정하고 사용하는게 좋을것 같네요.

서화랑 · Answer

모두 답변 감사합니다!! :)

mac? vscode? 대소문자 구분 질문

4개의 답변

Q&A 목록