ncc:类似于 gcc 的 Node.js 一键编译打包工具

2018-11-29 11:53:07 +08:00
 shuding

GitHub: https://github.com/zeit/ncc
文章链接: https://zeit.co/blog/ncc

ncc 是一个简单的 CLI 工具,可以一键把一个 Node.js 项目编译打包成单个 JS 文件。

安装

npm i -g @zeit/ncc

使用

例如我们有一个项目引入了 chalk 包,首先安装 NPM 依赖:

cd myapp
npm i chalk

index.js 如下:

const chalk = require("chalk");
console.log(chalk.blue.bgRed.bold("Hello world!"));

那么就可以直接用 ncc build

ncc build index.js

即会输出一个 dist/index.js 文件(打包+压缩):

7213 次点击
所在节点    Node.js
18 条回复
shuding
2018-11-29 12:08:06 +08:00
补充:ncc 受启发于 Go 语言的 build 功能(导出一个静态 ELF 可执行文件),目的也是输出一个 **包含了所有依赖的独立可执行脚本**。

ncc 本身基于 webpack 开发,项目也是由 ZEIT、webpack 作者( Tobias Koppers )、rollup 作者( Guy Bedford )合作贡献而成。
beginor
2018-11-29 14:21:56 +08:00
请问前端项目适用么?
ericgui
2018-11-29 14:31:16 +08:00
我靠,这个牛逼啊
ericgui
2018-11-29 14:31:32 +08:00
第 1000 个 star,哈哈
shuding
2018-11-29 15:21:24 +08:00
@beginor 完全适用
shuding
2018-11-29 15:29:30 +08:00
当然前端可能会有其他更可定制化的脚手架工作流程(多个 entry points、watch 等等)。
ncc 的好处在于单个命令,一次性打包发布(相比发布源代码 + npm install 带来的巨大 node_modules )。

举例来说,如果在服务器上部署一个 Apollo/Express Server,传统的方式是拷贝源代码 + npm install + 运行 node,可能带来数十到上百 MB 的空间占用。另一个选择是先用 ncc 打包,然后在服务器端直接执行 node build.js 。整个空间占用不到 1MB (因为去除+压缩了 node_modules 里面无用的依赖)。额外带来的好处也有启动速度提升(例如 require 依然有可观的 file IO 开销)。
Cbdy
2018-11-29 15:34:00 +08:00
有道理,好东西
123s
2018-11-29 15:38:08 +08:00
Only support Node.js (soon, optionally with TypeScript) codebases

前端应该不适用吧
xxx749
2018-11-29 15:46:12 +08:00
ok, 先收藏
shuding
2018-11-29 15:46:20 +08:00
@123s 毕竟语法都是 ES,而且现代前端开发环境就是 Node.js ,仅是打包 NPM 依赖的话不应该有 “前端” 和 “ Node.js ” 的分别。

另外 ncc 的 integration tests 里面也有 Vue/React 等等: https://github.com/zeit/ncc/blob/master/test/integration/vue.js (虽然用了 render to string 方便 test )。
123s
2018-11-29 15:48:07 +08:00
起码是好事
xrr2016
2018-11-29 20:32:46 +08:00
感觉很有用啊
yamedie
2018-11-30 08:07:52 +08:00
可以顺便混淆吗?或者打包成单个 js 后自行 uglify 仍然能运行吗?
shuding
2018-11-30 09:48:06 +08:00
@yamedie ncc 已经默认打开了 minify (再自行 uglify 也可以但没有必要了)。
yamedie
2018-11-30 12:33:37 +08:00
@shuding 6666 战略性 mark
LeoEatle
2018-12-24 00:48:12 +08:00
还行,zeit 牛逼
2962051004
2019-01-15 20:49:07 +08:00
收藏收藏,很有创意的工具。支持一下
afxcn
148 天前
牛,我发现我也用了 ncc ,vercel/ncc ,本来以为不是同一个东西,居然是同一个。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/512678

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX