2017-08-09 독서노트(Webpack 학습노트5)

1423 단어
오늘은 계속해서 Webpack 기술을 배웁니다.
문장은 이 입문 Webpack, 이 편만 보면 충분해.
Babel은 사실 웹팩에서config.js에서 설정하지만, babel에는 단일한 웹 패키지에서 매우 많은 설정 옵션이 있습니다.config.js 파일에서 설정하는 것은 이 파일을 너무 복잡하게 보이기 때문에 일부 개발자들은 바벨의 설정 옵션을 '.babelrc' 라는 단독 설정 파일에 두는 것을 지원합니다.(웹팩은.babelrc의 babel 설정 옵션을 자동으로 호출합니다.)
제 쪽은 맥입니다. 기본 설정에서 이런 것들입니다.babelrc 파일은 볼 수 없고 열기도 어려워요.
그래서 다른 곳에서 시스템의 숨겨진 파일을 닫는 디스플레이를 켜는 명령을 찾았는데 각각 다음과 같다. 초기의 OS X(10.6~10.8) 시스템:
//      
defaults write com.apple.Finder AppleShowAllFiles Yes && killall Finder 
//       
defaults write com.apple.Finder AppleShowAllFiles No && killall Finder

OS X 10.9 Mavericks 버전 이후:
//      
defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder 
//       
defaults write com.apple.finder AppleShowAllFiles No && killall Finder 

물론 가장 간단한 것은 이것이다:Command+Shift+.숨겨진 파일, 폴더를 표시하고 다시 누르면 숨겨진 것을 복구할 수 있습니다.하지만 10.12 이후 버전을 지지하는 것 같지만 상당히 편리하지 않습니까? 글자를 틀리면 귀찮아질까 봐 걱정하지 않아도 됩니다.
Webpack에서 모든 파일은 모듈입니다. css와 그림을 포함합니다.
일반적으로 css는 js와 같은 파일로 포장되며, 단독 css 파일로 포장되지는 않지만, 적절한 설정을 통해 웹 패키지도 css를 단독 파일로 포장할 수 있습니다.그러나 이것도 웹팩이 css를 모듈로 삼았을 뿐이다. 우리는 진정한 CSS 모듈의 실천을 계속 살펴보자.
CSS 모듈은 JS의 모듈화 사상을 CSS에 도입하는 것을 의미한다. CSS 모듈을 통해 모든 클래스 이름, 애니메이션 이름은 기본적으로 현재 모듈에만 적용된다.이렇게 하면 같은 유명이라도 서로 다른 구성 요소 간의 오염을 일으키지 않도록 안심하고 사용할 수 있다.
CSS module 공식 문서 CSS module
내일 계속됩니다.

좋은 웹페이지 즐겨찾기