Могу ли я ускорить пакетирование веб-пакетов с помощью реакции на разработку?

Question

Я знаю этот вопрос очень глупо, но я новичок в этом удивительном мире JS / реагировать, так что, прошу прощения.

В моем проекте я использую реагирование в интерфейсе и django на стороне сервера. Поскольку в данный момент я не могу использовать реагирующую маршрутизацию, я вынужден использовать маршрутизацию Django и включать пакеты веб-пакетов в HTML-файлы.

Итак, когда я развиваюсь, я делаю следующие шаги: 1. написать код на javasxript / реагировать 2. запустите веб-пакет --config someconfig.js

Итак, этот пакетный процесс занимает очень много времени. Могу ли я что-то сделать, чтобы обойти процесс комплектации или ускорить процесс разработки?

Answer 1

Вы можете использовать webpack-dev-server и запустить процесс, который будет искать изменения и перестраивать.

https://webpack.js.org/guides/development/

Это будет развиваться, в том числе говорить о webpack-dev-server. Возможно, вы захотите взглянуть на https://browsersync.io/, чтобы браузер автоматически обновлялся при появлении нового пакета.

Answer 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",
],

Кроме этого есть некоторые плагины, которые направлены на ускорение восстановления .