2017-09-06 4 views
2

Des conseils sur la façon de réaliser le rechargement en direct lors de la création d'une extension Chrome avec create-react-app? Actuellement, je yarn run build chaque fois qu'il y a un changement.Extension Chrome + create-react-app recharge en direct

+0

Je cherche aussi une solution à CRX + ARC + chaud recharger. – Steve06

+0

CRA n'est tout simplement pas le bon outil pour les extensions. Je vous recommande d'utiliser Parcel à la place. Il a moins de configuration par rapport à Webpack. Il surveille les changements dans le code source et les sorties pour construire le dossier, que vous allez faire glisser vers la page des extensions et profiter de cette expérience de rechargement à chaud. –

Répondre

1

j'ai réussi à le faire en utilisant-app créer une réaction par:

npm i npm-watch --save-dev 

Ensuite, dans le package.json

{ 
    "name": "react-app", 
    "version": "0.1.0", 
    "private": false, 
    "devDependencies": { 
     "npm-watch": "^0.1.8", 
     "react-scripts": "0.9.5", 
    }, 
    "dependencies": { 
     "react": "^15.4.2", 
     "react-dom": "^15.4.2" 
    }, 
    "scripts": { 
     "start": "react-scripts start", 
     "build": "react-scripts build", 
     "test": "react-scripts test --env=jsdom", 
     "eject": "react-scripts eject", 
     "watch": "npm-watch" //add this to the script 
    }, 
    "watch": { //add this outside the script 
     "build": "src/" 
    } 
}