Reactjs 通过路径 static/ 编译资产答案

【问题标题】：Reactjs compile's assets by path static/Reactjs 通过路径 static/ 编译资产
【发布时间】：2021-12-28 16:17:00
【问题描述】：

我是从 YouTube 频道学习 reactjs 的新手。

我正在使用 ubuntu，在终端编译时使用 npx create-react-app 观察与 reactjs 中的其他编译相比不同的编译方式。

我的项目详情：

{
  "name": "reactwrk",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.1",
    "@testing-library/react": "^12.1.2",
    "@testing-library/user-event": "^13.5.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.2"
  },

NPM 和 NPX 版本 => 8.3.0

Nodejs 版本 => 16.13.1

请解释为什么会这样。

【问题讨论】：

标签： node.js reactjs npm compiler-warnings npx

【解决方案1】：

这是因为几周前发布的react-scripts@5.0.0。它附带 webpack@5 和不同的配置。

如果需要，您可以降级到以前的版本 4.0.3。我还是建议这样做，因为 5.0.0 有一些严重的错误，而且在假期结束之前它们可能不会得到修复。

【讨论】：

感谢您的回复，请您指导我如何降级到 webpack 4.0.3
yarn add react-scripts@4.0.3
夏天还有一件事，除了这个 17.0.2，我们可以安装 react 旧版本吗？比如 17.0.0 或 17.0.1 版本的 react...
是的，当然。但我觉得 react-scripts@4.0.3 只支持 react 16.8.x 及以上版本。

【解决方案2】：

webpack 的原因，

如果你不想看到这个，你可以编辑
node_modules/webpack/lib/WebpackOptionsApply.js

评论行：new DefaultStatsPrinterPlugin().apply(compiler);

【讨论】：