2017-08-09 독서노트(Webpack 학습노트5)
문장은 이 입문 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
내일 계속됩니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.