我用create-react-app包创建了一个ReactJS项目,工作得很好,但我找不到webpack文件和配置。
react-create-app如何与webpack一起工作?webpack配置文件位于create-react-app的默认安装中的哪里?我无法在项目文件夹中找到配置文件。
我没有创建覆盖配置文件。我可以用其他文章管理配置设置,但我想找到传统的配置文件。
我用create-react-app包创建了一个ReactJS项目,工作得很好,但我找不到webpack文件和配置。
react-create-app如何与webpack一起工作?webpack配置文件位于create-react-app的默认安装中的哪里?我无法在项目文件夹中找到配置文件。
我没有创建覆盖配置文件。我可以用其他文章管理配置设置,但我想找到传统的配置文件。
当前回答
create-react-app使用的Webpack配置在这里: https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config
其他回答
我知道现在已经很晚了,但是对于将来偶然发现这个问题的人来说,如果你想要访问CRA的webpack配置,除了运行之外没有其他方法:
$ npm run eject
然而,使用弹出,您将从CRA更新管道中剥离自己,因此从弹出的角度来看,您必须自己维护它。
我遇到过这个问题很多次,因此我为react应用程序创建了一个模板,它具有与CRA大部分相同的配置,但也有额外的好处(如样式化组件,jest单元测试,Travis ci用于部署,更漂亮,ESLint等),以使维护更容易。看看回购。
如果你想找到webpack文件和配置,去你的包。Json文件,并寻找脚本
你会发现scripts对象正在使用一个react-scripts库
现在转到node_modules,查找react-script-in-node-modules文件夹中的react-scripts
这个react-scripts/scripts和react-scripts/config文件夹包含了所有的webpack配置。
create-react-app使用的Webpack配置在这里: https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config
弹出和编辑node_modules下的内容都不是最好的选择。 React-app-rewired不维护,并有警告:
...您现在“拥有”配置。不会提供任何支援。继续进行 小心……
解决方案——使用克拉可。
Webpack配置由react-scripts处理。 你可以在node_modules react-scripts/config中找到所有的webpack配置。
如果你想自定义webpack配置,你可以遵循这个custom -webpack-config