파트 3: React-App-Rewired에서 템플릿 구성
O que queremos 리졸버?
Conhecendo 또는 EJECT
반응 앱 재배선된 정밀 구성 요소 또는 버스카 리졸버의 구성 요소를 입력하지 않고, famoso를 제거할 수 없습니다.
O create-react-app é um pacote licenciado pelo npm(Node Package Manager) que configura e abstrai todas as dependsências que precisamos para ter um projeto react completeto em mãos. Para isso, ele configura varias coisas por debaixo dos panos, como:
현재는 반응 앱을 생성하기 위한 프로젝트에 대한 암시적 구성과 추상적인 구성을 포함하고 있습니다. O verdadeiro problema que surge, é que muitos desenvolvedores precisam alterar configurações dentro do projeto, como, mudar uma variável do jest, alterar um caminho do babel, dentre outras coisas.
Sabendo disso, o create-react-app possui uma configuração chamada eject e nela, podemos remover as configurações abstraídas e enxergar os arquivos de configuração do webpack, babel e jest.
EJETAR를 사용합니까?
Apesar de o create-react-app permitir a opção de ejetar, muitos desenvolvedores não curtem essa funcionalidade pois além de sujar o projeto com muitos arquivos, quebraria a abstração que o create-react-app proporciona. E é assim queurge o react-app-rewired, ele nos permite sobrescrever essas configurações, de forma que ela se torne acessível sem quebrar a estrutura abstraida.
Essa teoria é um puco complexa, então deixe embaixo sua dúvida :D
react-app-rewired 구성
Instalando o pacote
Primeiramente, vamos instalar o pacote com o comando abaixo.
yarn add react-app-rewired -D
OS 스크립트 구성
react-app-rewired 기능은 간단합니다. 아니오 프로젝트에서 기능을 사용하지 않고, 기본 패키지 또는 nosso package.json 및 변경된 OS 스크립트(EJECT 제외), react-app-rewired로 react-scripts 대체, 대부분의 abaixo 포함:
//package.json
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
},
재정의 구성
Para concluir, precisamos de nosso arquivo de configuração. Assim은 Eslint, Jest, Typescript, dentre outros pacotes, o react-app-rewired precisa de um arquivo de configuração para que funcione corretamente. Ele deve se chamar config-overrides.js e deve exportar as configurações no qual ele vai sobrescrever. 예를 들면 다음과 같습니다.
// config-overrides.js
module.exports = {
webpack: function (config, env) {
return config;
},
jest: function (config) {
return config;
},
devServer: function (configFunction) {
return function (proxy, allowedHost) {
return config;
};
},
paths: function (paths, env) {
return paths;
},
}
Dentro deste arquivo, podemos sobrescrever as configurações de vários módulos do webpack e pacotes integrados como o jest.
에스트루투라 결승
Veja como está nossa estrutura final da 템플릿:
Aqui você pode realizar um curso do egghead de forma a realizar as mudanças de configuração conforme seu propósito.
이 문제는 모든 템플릿을 통합할 수 있는 권한이 있어야 합니다. :디
Reference
이 문제에 관하여(파트 3: React-App-Rewired에서 템플릿 구성), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/aryclenio/parte-3-configuando-a-template-com-react-app-rewired-2bdi텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)