styled-components에서 Stylet 사용 방법 2022
stylelint-config-styled-components
과 stylelint-processor-styled-components
사용법이 나오지만, 그렇게 하면 잘 움직이지 않습니다.시행착오 결과
@stylelint/postcss-css-in-js
를 알았으면 순조롭게 진행될 수 있었기 때문에 미리 기록을 남겼다.stylelint
와config를 제외하고 설치postcss-syntax
와@stylelint/postcss-css-in-js
yarn add -D stylelint stylelint-config-standard postcss-syntax @stylelint/postcss-css-in-js
생성
stylelint.config.js
, JavaScript/TypeScript 파일 응용 프로그램 설정customSyntax: '@stylelint/postcss-css-in-js'
stylelint.config.jsmodule.exports = {
extends: 'stylelint-config-standard',
overrides: [
{
files: ['**/*.{js,jsx,ts,tsx}'],
customSyntax: '@stylelint/postcss-css-in-js'
}
]
}
stylelint ./src/**/*.{css,js,jsx,ts,tsx}
를 실행합니다function-name-case
및 function-no-unknown
무효화stylelint.config.js
module.exports = {
extends: 'stylelint-config-standard',
overrides: [
{
files: ['**/*.{js,jsx,ts,tsx}'],
customSyntax: '@stylelint/postcss-css-in-js',
rules: {
'function-name-case': null,
'function-no-unknown': null
}
}
]
}
Reference
이 문제에 관하여(styled-components에서 Stylet 사용 방법 2022), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/ciffelia/articles/a42434cd8c1abc텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)