用create-react-app创建的app更改build后的输出目录

原创于 2018-03-01 08:52:03 发布 · 9.1k 阅读

0 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用create-react-app创建React应用，并通过npm run eject命令进行配置，重点讲解了如何修改config/paths.js文件，将appBuild路径更改为自定义的编译输出目录。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、npm install -g create-react-app 安装create-react-app

create-react-app my-app 生成react程序

2、npm run eject 单向操作，自行配置reacat

3、修改config目录下的paths.js文件：

module.exports配置项中的appBuild修改为要编译输出到的目录：

module.exports = {
  dotenv: resolveApp('.env'),
  //appBuild: resolveApp('build'),
  appBuild: 'D:\\IdeaProjects\\exam-root-master\\exam\\src\\main\\webapp\\ui\\',
  appPublic: resolveApp('public'),
  appHtml: resolveApp('public/index.html'),
  appIndexJs: resolveApp('src/index.js'),
  appPackageJson: resolveApp('package.json'),
  appSrc: resolveApp('src'),
  yarnLockFile: resolveApp('yarn.lock'),
  testsSetup: resolveApp('src/setupTests.js'),
  appNodeModules: resolveApp('node_modules'),
  publicUrl: getPublicUrl(resolveApp('package.json')),
  servedPath: getServedPath(resolveApp('package.json')),
};