美文网首页
Create React App 项目 src 路径修改

Create React App 项目 src 路径修改

作者: 於風聽語 | 来源:发表于2019-05-08 18:20 被阅读0次

    对于还没有使用 npm run eject 弹出自定义配置的娃,自行网补吧

    出于某些原因,于是将 react 的 src 目录 和 一些文件修改至 pages 里面

    .
    ├── config
    ├── public
    ├── scripts
    ├── src
    ├── tsconfig.json
    └── pakage.json
    

    改成如下:

    .
    └── pages
    │   ├── config
    │   ├── public
    │   ├── scripts
    │   ├── src
    │   └── tsconfig.json
    └── pakage.json
    

    需要修改的配置文件

    • package.json
      {
       "scripts": {
          "start": "node pages/scripts/start.js",
          "build": "node pages/scripts/build.js",
          "test": "node pages/scripts/test.js"
        }
      }
      
    • pages/config/paths.js
      // ...
      module.exports = {
        // ...
        appPath: resolveApp('pages'),
        appBuild: resolveApp('pages/build'),
        appPublic: resolveApp('pages/public'),
        appHtml: resolveApp('pages/public/index.html'),
        appIndexJs: resolveModule(resolveApp, 'pages/src/index'),
        appSrc: resolveApp('pages/src'),
        appTsConfig: resolveApp('pages/tsconfig.json'),
        appJsConfig: resolveApp('pages/jsconfig.json'),
        testsSetup: resolveModule(resolveApp, 'pages/src/setupTests'),
        proxySetup: resolveApp('pages/src/setupProxy.js'),
        publicUrl: getPublicUrl(resolveApp('package.json')),
        servedPath: getServedPath(resolveApp('package.json'))
      }
      

    要改的有点多,未完整测试,能跑起来,欢迎踩坑

    image.png

    ---- Vinci, Wed May 08 2019, Sunny

    相关文章

      网友评论

          本文标题:Create React App 项目 src 路径修改

          本文链接:https://www.haomeiwen.com/subject/srpvoqtx.html