Create-React-App est très intéressant.
J'ai commencé mon creusement de l' package.json mnp script start
"démarrer": "réagir-les scripts de démarrage"
Qui m'emmène à leur binaires react-scripts sous node_modules/.bin
Je vais poster pertinentes de trucs ici.
switch (script) {
case 'build':
case 'eject':
case 'start':
case 'test': {
const result = spawn.sync(
'node',
[require.resolve('../scripts/' + script)].concat(args),
{ stdio: 'inherit' }
);
Donc, cela m'indique qu'ils sont à la recherche d'un script à l'intérieur d' ../scripts/ le dossier.
Donc, je vais à la réaction des scripts mnp module(node_modules/react-scripts) et d'ouvrir l' node_modules/react-scripts/scripts/start.js fiche puisque je faisais npm start.
Maintenant, voici où j'ai trouvé le webpack config que je cherchais.
Ils ont été spécifiquement référence à l' node_modules/react-scripts/config/webpack.config.dev.js. Je vais poster pertinentes de trucs ici.
entry: [
// Finally, this is your app's code:
paths.appIndexJs,
],
plugins: [
// Generates an `index.html` file with the <script> injected.
new HtmlWebpackPlugin({
inject: true,
template: paths.appHtml,
}),
Si le fichier visé par paths.appIndexJs est l'entrée de fichier dans le webpack config.
Et ils sont à l'aide de HtmlWebpackPlugin pour charger le html sur le chemin de paths.appHtml.
Dernière pièce du puzzle est un lien vers les fichiers que vous avez posté.
Affichage pertinentes de la substance à partir de paths.js
const appDirectory = fs.realpathSync(process.cwd());
const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
module.exports = {
...
appHtml: resolveApp('public/index.html'),
appIndexJs: resolveApp('src/index.js'),
...
}
Donc, à l'intérieur de votre répertoire d'application,
appHtml est le fichier public/index.html
appIndexJs est le fichier src/index.js
Vos deux fichiers en question.
Wow! C'était tout un voyage..:P
