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

2018 年 11 月 29 日
 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 文件（打包+压缩）：

7940 次点击
所在节点    Node.js
18 条回复
shuding
2018 年 11 月 29 日
补充：ncc 受启发于 Go 语言的 build 功能（导出一个静态 ELF 可执行文件），目的也是输出一个 **包含了所有依赖的独立可执行脚本**。

ncc 本身基于 webpack 开发，项目也是由 ZEIT、webpack 作者（ Tobias Koppers ）、rollup 作者（ Guy Bedford ）合作贡献而成。
beginor
2018 年 11 月 29 日
请问前端项目适用么？
ericgui
2018 年 11 月 29 日
我靠，这个牛逼啊
ericgui
2018 年 11 月 29 日
第 1000 个 star，哈哈
shuding
2018 年 11 月 29 日
@beginor 完全适用
shuding
2018 年 11 月 29 日
当然前端可能会有其他更可定制化的脚手架工作流程（多个 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 日
有道理，好东西
123s
2018 年 11 月 29 日
Only support Node.js (soon, optionally with TypeScript) codebases

前端应该不适用吧
xxx749
2018 年 11 月 29 日
ok, 先收藏
shuding
2018 年 11 月 29 日
@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 日
起码是好事
xrr2016
2018 年 11 月 29 日
感觉很有用啊
yamedie
2018 年 11 月 30 日
可以顺便混淆吗？或者打包成单个 js 后自行 uglify 仍然能运行吗？
shuding
2018 年 11 月 30 日
@yamedie ncc 已经默认打开了 minify （再自行 uglify 也可以但没有必要了）。
yamedie
2018 年 11 月 30 日
@shuding 6666 战略性 mark
LeoEatle
2018 年 12 月 24 日
还行，zeit 牛逼
StevenQ
2019 年 1 月 15 日
收藏收藏，很有创意的工具。支持一下
afxcn
2024 年 6 月 20 日
牛，我发现我也用了 ncc ，vercel/ncc ，本来以为不是同一个东西，居然是同一个。

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

https://study.congcong.us/t/512678

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

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

© 2021 V2EX