在哪里將webpack.config.js放在React項目中？

Question

我已經獲得了已經存在的React項目，並且應該繼續進行下去。我以前從未使用過React。 我需要在項目中使用Web Worker-有一個適合我需要的項目： Worker Loader

建議之一將其添加到他們的webpack.config.js ：

  module: {
    rules: [
      {
        test: /\.worker\.js$/,
        use: { loader: 'worker-loader' }
      }
    ]
  }

然后像這樣使用worker：

import Worker from './file.worker.js';

const worker = new Worker();

但是，即使我可以看到我的React項目在后台使用webpack和babel，項目中也沒有.babelrc或webpack.config.js 。 這是我運行項目的方式：

npm start

實際運行的react-scripts start基於我在package.json上看到的內容react-scripts start ：

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },

webpack和babel都不在package.json依賴項中，所以我真的不知道它們是如何由React運行的。 如果有人向我解釋了它是如何工作的以及如何配置webpack以使用工作程序加載程序，我將不勝感激。

Answer 1

您需要先運行npm run eject 。

此命令會將所有配置文件復制到您的項目（包括webpack.config.js）中。 但是，僅在必須時才運行此命令，因為盡管您將完全控制自己的配置，但您將自己運行。 React將不再為您管理配置。

Answer 2

不確定100％，但是我認為這個應用是使用稱為Create React App的react入門工具包創建的，它帶有一個稱為react-scripts的軟件包，該軟件包是構建工具的包裝-webpack是其中之一。 因此，請在npm中查找這些內容。 可能已經為您照顧好了。另外，請查看node_modules目錄下的內容-我想這都已經存在了