小编典典

使用create-react-app创建库

reactjs

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

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


阅读 289

收藏
2020-07-22

共1个答案

小编典典

我设法构建了库,而没有弹出并使用create react app的内部依赖关系。我已经用进行了测试react- [email protected]。首先,您需要安装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

这会将所有源代码从编译srclib目录,并仅复制其余文件。不要忘了申报的主文件package.json(例如"main"="lib/index.js")。

但是,有一个警告。如果您使用的文件无法使用babel编译(例如css或字体),则库的用户将需要设置适当的(webpack)加载器。

2020-07-22