我可以加快webpack捆绑与开发的反应吗？

Question

我非常愚蠢地知道这个问题但是我在这个令人敬畏的js /反应世界中是新的，所以请原谅我。

在我的项目中，我在服务器端使用frontend和django的反应。 因为在这一刻我不能使用反应路由，我被迫使用django路由并将webpack包包含到html文件中。

所以，当我开发时，我执行以下步骤： 1.在javasxript / react上编写代码 2.纱线运行webpack --config someconfig.js

所以，这个捆绑项目需要很长时间。我可以做些什么来绕过捆绑过程或加快开发速度吗？

Answer 1

确保babel-loader使用缓存并且不会转换node_modules：

<强>的WebPack：

rules: [
  {
    test: /\.jsx?$/,
    exclude: /node_modules/,
    use: {
      loader: 'babel-loader',
      options: {
        cacheDirectory: true,
      },
    },
  },
],

<强> .babelrc

"presets": [
    ["env", { "modules": false }],
    "react",
],

除此之外，还有一些aim to speed up重新绑定的插件。

Answer 2

您可以使用webpack-dev-server并运行一个查找更改和重建的进程。

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

这将继续发展，包括谈论webpack-dev-server。您可能还想查看https://browsersync.io/，以便您可以让浏览器自动刷新可用的新捆绑包。