В
React приложении у меня файл
package.json
{
"name": "my_react_example1",
"scripts": {
"MyBuild": "webpack"
},
"dependencies": {
"react": "^16.13.1",
"react-dom": "^16.13.1"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-react": "^6.24.1",
"webpack": "^4.43.0",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"
}
}
В командной я запускаю скрипт, чтобы скомпилировать проект
Скрипт
MyBuild определен в файле
package.json.
...
"scripts": {
"
MyBuild": "
webpack"
}
...
Скрипт
MyBuild запустит
webpack
Скрипт знает что такое webpack потому что мы установили пакет
webpack в секции "
devDependencies"
webpack соберет мой
js файл и пакеты
React в один выходной
js файл.
Пакеты
React находятся в секции "
dependencies".
Потому что выходной
js файл будет использовать
React функциональность.
На заметку!
При компиляции проекта (запукается
webpack) и
webpack для каждого
js файла будет запускать
Babel.
Babel в каждом
js файле сконвертирует
JSX код в
JavaScript во время компиляции проекта.
Поэтому
Babel пакет установлен в секции "
devDependencies".
Читать подробнее:
React приложение ...