如何在 Create React App 中更改 publicPath

Question

我想将我的应用程序的根路径或公共路径从 / 更改为 /something。如何？ This makes no sense 基于标题。

我正在使用 React Router，所以 this docs 不能用于在 package.json 中设置“主页”。

我已将webpack.config.js 添加到文件夹的根目录：

module.exports = {
    publicPath: '/v2/'
}

重新启动后，我的资产、manigest 等文件仍指向根目录。此示例在 vue.config.js 中使用 Vuejs。如何在不弹出的情况下实现这一点？我从here 得到publicPath。

Answer 1

在你的根项目中添加一个名为.env的文件， 在文件里面输入你想要的路径：

PUBLIC_URL=/v2/

这应该可以解决您的问题。

如果你想在使用npx create-react-app 创建的react 项目中修改webpack.config.js，我建议你安装craco https://www.npmjs.com/package/@craco/craco。

安装后你需要替换你的package.json的一些行

来自

...
  "scripts": {
    "start": "react-script start",
    "build": "react-script build",
    "test": "react-script test",
    "eject": "react-script eject"
  },
...

到

...
  "scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "eject": "craco eject"
  },
...

之后，在你的根项目中添加一个名为craco.config.js的文件

在文件内添加如下代码

module.exports = {
    configure: {
      output: {
        publicPath: '/v2/'
      }
    }
  }
}