Командой
npx create-react-app test
создаю приложение react. Далее удаляю ненужные файлы.
структура проекта после удаления ненужных файлов и редактирования
node_modules /
public /
- index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
src /
- index.js
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<div className="app" />,
document.getElementById('root')
);
.gitignore
packege.json
packege-lock.json
README.md
Далее вызываю команду
npm run build
, у меня создается папка
build в корне этого проекта, а в ней 100500 файлов. Откуда они взялись и зачем? Откуда взялись воркеры если я их удалил (и сами файлы и из кода)? Как отключить все это и сделать что бы на выходе получать ~1-2 js файла?
структура папки build
build /
- static /
- - 2.4ef118ec.chunk.js
- - 2.4ef118ec.chunk.js.map
- - 2.4ef118ec.chunk.js.LICENSE.txt
- - main.5b3f2f8f.chunk.js
- - main.5b3f2f8f.chunk.js.map
- - runtime-main.c8f0954f.js
- - runtime-main.c8f0954f.js.map
- asset-manifest.json
- index.html
- precache-manifest.6eda938e60060d1b83581433b421273b.js
- service-worker.js
P.S. И самый главный вопрос. Зачем новичку взрывать этим всем мозг? На сайте
create-react-app.dev или
reactjs.org я не нашел ничего по поводу сборки.