Javascript 我可以加快与react on development捆绑的网页包吗?

Javascript 我可以加快与react on development捆绑的网页包吗?,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,我知道这个问题非常愚蠢,但我在这个令人敬畏的js/react世界是新来的,所以请原谅我 在我的项目中,我在前端使用react,在服务器端使用django。 因为在这一刻我不能使用react路由,所以我不得不使用django路由,并将网页包包含到html文件中 因此,当我开发时,我会执行以下步骤: 1.在JavasScript/react上编写代码 2.纱线运行网页包——配置someconfig.js 所以,这个捆绑过程需要很长时间。我可以做些什么来绕过捆绑过程,或者在开发时加快捆绑过程吗?确保b

我知道这个问题非常愚蠢,但我在这个令人敬畏的js/react世界是新来的,所以请原谅我

在我的项目中,我在前端使用react,在服务器端使用django。 因为在这一刻我不能使用react路由,所以我不得不使用django路由,并将网页包包含到html文件中

因此,当我开发时,我会执行以下步骤: 1.在JavasScript/react上编写代码 2.纱线运行网页包——配置someconfig.js


所以,这个捆绑过程需要很长时间。我可以做些什么来绕过捆绑过程,或者在开发时加快捆绑过程吗?

确保babel loader使用缓存,并且不传输
节点\u模块

网页包:

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

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

除此之外,还有一些插件正在重新编译。

确保babel loader使用缓存,并且不传输节点模块。:

网页包:

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

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

除此之外,还有一些插件可以重新编译。

您可以使用webpack dev服务器并运行一个进程来查找更改和重建


这将涉及到开发,包括讨论Web包开发服务器。您可能还想查看一下,以便能够在新捆绑包可用时自动刷新浏览器

您可以使用webpack dev服务器,并运行一个进程来查找更改和重建

这将涉及到开发,包括讨论Web包开发服务器。您可能还想查看一下,以便能够在新捆绑包可用时自动刷新浏览器