Using create-react-app to create a library

后端 未结 4 1525
野性不改
野性不改 2021-02-20 04:40

I\'m trying to create a library of React-Redux and I\'m trying to use create-react-app to get the boilerplate code but it include in the build script things like appHtml which a

4条回答
  •  一整个雨季
    2021-02-20 05:12

    I have managed to build library without ejecting and using internal dependencies of create react app. I've tested it with react-scripts@0.9.5. At first you need to install babel-cli:

    npm install --save-dev babel-cli
    

    create .babelrc file with content:

    {
      "presets": ["react-app"]
    }
    

    Then add script to package.json:

    "compile": "NODE_ENV=production babel src --out-dir lib --copy-files",
    

    And finally run:

    npm run compile
    

    This will compile all sources from src to lib directory and simply copy the remaining files. Don't forget to declare the main file in package.json (e.g. "main"="lib/index.js").

    However there is one caveat. If you are using files which cannot be compiled with babel (e.g. css or fonts) then the users of your library would need to set up appropriate (webpack) loaders.

提交回复
热议问题