Reactjs按路径静态/编译其资产

Question

我是非常新的反应to从YouTube频道学习。

我使用ubuntu，在终端上使用npx创建- reactjs 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

请解释一下为什么会这样。

​

​

Answer 1

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

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

Answer 2

webpack的事业，

如果你不想看这个，你可以编辑

node_modules/webpack/lib/WebpackOptionsApply.js

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