본문 바로가기
coding/react

[React] webpack.config.ts에서 이모션 바벨 플러그인 설정

by 코딩희송 2021. 9. 3.
const config: Configuration = {
    ...
    module: {
        rules: [
            {
                options: {
                    env: {
                        development: {
                            plugins: [['@emotion/babel-plugin',{sourceMap: true}]]
                        },
                        production: {
                            plugins: ['@emotion/bable-plugin'],
                        }
                    }
                }
            }
        ]
    }
    ...
}

플러그인 설정은 [](배열)로 플러그인을 한번 감싸고 두번째 인자로 설정값을 입력하면 됨.

- sourceMap: 활성화할 경우, 자바스크립트 파일의 스타일 선언으로 직접 이동함.


이모션 바벨 플러그인

댓글