Javascript React项目中的webpack.config.js放在哪里?
我已经获得了现有的React项目,我应该继续它。我以前从未使用过React。我需要在项目中使用web worker-有一个项目适合我的需要: 建议将此添加到他们的webpack.config.js中: 然后像这样使用worker:Javascript React项目中的webpack.config.js放在哪里?,javascript,node.js,reactjs,webpack,babeljs,Javascript,Node.js,Reactjs,Webpack,Babeljs,我已经获得了现有的React项目,我应该继续它。我以前从未使用过React。我需要在项目中使用web worker-有一个项目适合我的需要: 建议将此添加到他们的webpack.config.js中: 然后像这样使用worker: import Worker from './file.worker.js'; const worker = new Worker(); 但是,尽管我可以看到我的React项目使用webpack和babel作为背景,但项目中没有.babelrc或webpack.co
import Worker from './file.worker.js';
const worker = new Worker();
但是,尽管我可以看到我的React项目使用webpack和babel作为背景,但项目中没有.babelrc或webpack.config.js。以下是我运行项目的方式:
npm start
根据我在package.json上看到的内容,实际运行react脚本的启动:
webpack和babel都不在package.json依赖项中,所以我真的不知道它们是如何通过React运行的。如果有人向我解释它是如何工作的,以及如何配置webpack以使用worker loader,我将不胜感激。不确定100%,但我认为这个应用程序是使用名为Create react app的react starter工具包创建的,它附带了一个名为react scripts的包,它是构建工具的包装器,webpack就是其中之一。所以在npm中查找这些内容。这一切可能都会为你解决 另外,请查看node_modules目录下的内容-我猜它们都在那里您需要先运行npm run eject
此命令将把所有配置文件复制到项目中,包括webpack.config.js。但是,仅当您必须运行此命令时,才可以运行此命令,因为尽管您将完全控制您的配置,但您将自己进行操作。React将不再为您管理配置 运行命令npm run,谢谢,这正是我所需要的。
npm start
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},