使用 create-react-app 创建库

IT技术 javascript reactjs create-react-app
2021-05-17 04:47:07

我正在尝试创建一个 React-Redux 库,并且我正在尝试使用create-react-app来获取样板代码,但它在构建脚本中包含了 appHtml 之类的无关紧要的东西。

有没有办法把,抛射创建-react,应用库-特别是我需要不是所有js文件打包到一个,但实际上只是让它们经由巴贝尔并产生单独的文件中每个阵营的组成部分?

4个回答

我已经设法在不弹出和使用 create react 应用程序的内部依赖项的情况下构建库。我已经用react-scripts@0.9.5. 首先你需要安装babel-cli

npm install --save-dev babel-cli

创建.babelrc包含内容的文件:

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

然后将脚本添加到package.json

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

最后运行:

npm run compile

这将从srctolib目录编译所有源代码并简单地复制剩余的文件。不要忘记在package.json(例如"main"="lib/index.js")中声明主文件

但是,有一个警告。如果你使用的文件不能用 babel 编译(例如 css 或 fonts),那么你的库的用户需要设置合适的(webpack)加载器。

编辑以下内容 package.json

  1. name
  2. description
  3. scripts
  4. author
  5. license
  6. gitRepository

并做npm publish它会将您的库发布在npm

这是迄今为止我发现的最好的..使用 create-react-app 库https://github.com/Rubbby/create-react-library

也许你可以用js-library-boilerplate引导你的项目我已经多次使用它了,可以尝试一下。它可以用作 vanila js 库或react库的基础(在幕后使用 CRA)。

要使用它,您需要:

  • 克隆仓库
  • 做一些改变:


  • 编辑许可证文件

  • 编辑 package.json 信息(这些将用于为您的构建文件生成标头)
  • 编辑库:“MyLibrary”,在 ./config/webpack.config.js 中使用库的导出名称
  • 编辑 ./bin/postinstall (如果你想在安装包时显示一条消息)

......你准备好了。此外,所有配置都是开放的,因此您可以根据需要进行调整。祝你好运!