Могу ли я ускорить сборку веб-пакетов с помощью реакции на разработку?
Я знаю этот вопрос очень глупо, но я новичок в этом потрясающем мире js / react, так что, пожалуйста, простите меня.
В моем проекте я использую реакцию в интерфейсе и django на стороне сервера. Поскольку на данный момент я не могу использовать реактивную маршрутизацию, я вынужден использовать маршрутизацию django и включать пакеты веб-пакетов в файлы html.
Поэтому, когда я разрабатываю, я делаю следующие шаги: 1. написать код на javasxript / react 2. пряжа запустить webpack --config someconfig.js
Итак, этот процесс сборки занимает очень много времени. Могу ли я что-то сделать, чтобы обойти процесс связывания или ускорить его разработку?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Убедитесь, что babel-loader использует кеш и не переносит node_modules:
webpack:
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
cacheDirectory: true,
},
},
},
],
.babelrc
"presets": [
["env", { "modules": false }],
"react",
],
Помимо этого, есть некоторые плагины, которые выполняют ребандлинг стремиться ускорить.
Вы можете использовать webpack-dev-server и запустить процесс, который будет искать изменения и перестраивать.
https://webpack.js.org/guides/development/
Речь пойдет о разработке, в том числе о webpack-dev-сервере. Вы также можете взглянуть на https://browsersync.io/, чтобы иметь возможность автоматически обновлять браузер при появлении нового пакета.