React style loader 변경

react-script 에 있는 config 디렉터리에 webpack.config.js 파일이 있다. 거기서..

options: {

importLoaders: 1,
modules: true,
localIdentName:'[path][name]__[local]--[hash:base64:5]'

}

 

 로 속성지정을 하면 다음과 같은 내용이 나오게 된다. 

 

참고링크 

 

https://codeburst.io/4-four-ways-to-style-react-components-ac6f323da822

4. Four ways to style react components

 

clsssName bind 뭔가 잘 안되는 기분? 랄까 흠 아 classname/bind 를 사용해야하는군.? 

https://gist.github.com/heygrady/316bd69633ce816aee1ca24ab63535db

 

참고서적 

리액트를 다루는 기술