【问题标题】:How to get NPM reactify working globally?如何让 NPM reactify 在全球范围内工作?
【发布时间】:2014-11-22 15:31:11
【问题描述】:

我可以让 NPM 模块 reactify 在本地工作,但是当全局安装为:npm install -g reactify 时找不到它。

【问题讨论】:

  • 您如何尝试在全球范围内使用它?
  • 像这样watchify --debug -t reactify ./app.jsx -o ./build/app-brow.js,我不想在 app-brow.js 文件中包含 reactify 代码。
  • 基本上我想弄清楚如何使 app-brow.js 文件更小,缩小前为 2MB,缩小后为 427KB。我的 JS 代码只有 10KB,+react + react-router + reactify,没有使用任何其他 JS 库。

标签: reactjs react-jsx


【解决方案1】:

全局 npm 安装适用于命令行工具。您想要进行本地安装。

关于尺寸问题:

NODE_ENV=production browserify -t reactify myapp.js | uglifyjs -m > myapp.min.js

这将生成一个大约 170kb 的文件,但它会压缩到大约 45kb,这是唯一重要的大小。

$ du -h myapp.*
1.5M      myapp.debug.js
164K      myapp.min.js
 44K      myapp.min.js.gz

如果你的包中有 reactify,那么你做错了什么。你不应该需要 require() 它,除非在基于 js 的构建脚本中(也不会在你的包中结束)。

如果您使用 --debug 标志进行编译,则必须期望文件大小更大。它实际上包括您所依赖的所有文件的字符源映射,并且没有缩小,并且所有的 react 调试代码仍然存在(NODE_ENV 允许被缩小器删除)。

【讨论】:

  • 是的,我忽略了 --debug 标志。
猜你喜欢
  • 1970-01-01
  • 2017-12-09
  • 1970-01-01
  • 2020-10-07
  • 1970-01-01
  • 2020-07-11
  • 2021-09-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多