javascript - 我可以通过开发 react 来加速 webpack 捆绑吗？

Question

我知道这个问题非常愚蠢，但我是这个很棒的 js/react 世界的新手，所以请原谅我。

在我的项目中，我在前端使用 React，在服务器端使用 django。因为此时我无法使用 React 路由，所以我被迫使用 django 路由并将 webpack 包包含到 html 文件中。

所以当我开发时我会执行以下步骤:1.在javasxript/react上编写代码2.yarn run 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重新捆绑。