原文链接: node ncc 打包

上一篇: nodejs 下载 bilibili和youtube的视频

下一篇: quickjs windows安装

https://github.com/zeit/ncc#readme

gcc的node版, 由webpack和rullup两位作者开发

用于js和ts的打包,  零配置, 不过还是需要tsonfig.json

想使用import的形式引入node模块, 需要安装 @types/node

简单版

{"compilerOptions": {"target": "es6",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */"module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */"outDir": "./lib",                        /* Redirect output structure to the directory. */"rootDir": "./src",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */"strict": true,                           /* Enable all strict type-checking options. */"noImplicitAny": false,                 /* Raise error on expressions and declarations with an implied 'any' type. */"esModuleInterop": true                   /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */},"exclude": ["node_modules", "**/*.test.ts"]
}

支持 ?. !.等高级语法

let obj = {a:{b:{c:'d'}}
}console.log(obj?.a)
console.log(obj?.a!.b)
console.log(obj?.a?.b!)

自己用js实现打包,

const ncc = require('@zeit/ncc');
const fs = require('fs')
function build() {ncc('../src/index.ts', {// provide a custom cache path or disable cachingcache: './custom/cache/path' | false,// externals to leave as requires of the buildexternals: ['externalpackage'],// directory outside of which never to emit assetsfilterAssetBase: process.cwd(), // defaultminify: false, // defaultsourceMap: false, // defaultsourceMapBasePrefix: '../', // default treats sources as output-relative// when outputting a sourcemap, automatically include// source-map-support in the output file (increases output by 32kB).sourceMapRegister: true, // defaultwatch: false, // defaultv8cache: false, // defaultquiet: false, // defaultdebugLog: false, // default}).then(({code, map, assets}) => {// 将输出代码写入文件并执行console.log(code);fs.writeFileSync('./t.js',code,'utf8')// Assets is an object of asset file names to { source, permissions, symlinks }// expected relative to the output code (if any)});
}build()

每次改变代码都会自动编译后执行, 可以加入节流

const ncc = require('@zeit/ncc');
const fs = require('fs');
function build() {return ncc('./src/index.ts', {// provide a custom cache path or disable cachingcache: './custom/cache/path' | false,// externals to leave as requires of the buildexternals: ['externalpackage'],// directory outside of which never to emit assetsfilterAssetBase: process.cwd(), // defaultminify: false, // defaultsourceMap: false, // defaultsourceMapBasePrefix: '../', // default treats sources as output-relative// when outputting a sourcemap, automatically include// source-map-support in the output file (increases output by 32kB).sourceMapRegister: true, // defaultwatch: true, // defaultv8cache: false, // defaultquiet: false, // defaultdebugLog: false, // default});
}let res = build();
console.log(res);
res.handler(({code}) => {console.log('handler');eval(code);
});res.rebuild(() => {console.log('rebuild');
});// 关闭 watch
// res.close();

导入json

{"compilerOptions": {"target": "es6",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */"module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */"outDir": "./lib",                        /* Redirect output structure to the directory. */"rootDir": "./src",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */"strict": true,                           /* Enable all strict type-checking options. */"noImplicitAny": false,                 /* Raise error on expressions and declarations with an implied 'any' type. */"esModuleInterop": true,                   /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */"resolveJsonModule": true  // 使用import  导入 json},"exclude": ["node_modules", "**/*.test.ts"]
}