react如何修改打包路径

修改 React 项目的打包路径

在 React 项目中，默认的打包路径是 build/ 目录。如果需要修改打包路径，可以通过以下方法实现：

使用 react-scripts 配置

对于使用 create-react-app 创建的项目，可以通过修改 package.json 中的配置来更改打包路径：

"scripts": {
  "build": "react-scripts build && mv build ../custom-output-path"
}

这种方法通过脚本在打包完成后将 build 目录移动到指定路径。

通过环境变量配置

在项目根目录创建或修改 .env 文件，添加以下内容：

BUILD_PATH=custom-output-path

重新运行 npm run build 后，打包文件会输出到 custom-output-path 目录。

使用 eject 后修改配置

如果项目已经执行了 npm run eject，可以直接修改 config/paths.js 文件：

module.exports = {
  appBuild: resolveApp('../custom-output-path'),
  // 其他配置...
}

修改后重新打包即可生效。

使用第三方工具

对于非 create-react-app 创建的项目，可以通过修改 webpack 配置实现：

// webpack.config.js
output: {
  path: path.resolve(__dirname, '../custom-output-path'),
  filename: 'static/js/[name].[contenthash:8].js',
}

需要确保路径配置正确，并处理相关静态资源路径问题。