Prebundle 3rd party dependencies, output a single js file, a package.json file and the dts files.
Based on ncc and rollup-plugin-dts.
Prebundle is used to:
- Reduce dependencies of core packages, install faster.
- Improve stability by locking the sub-dependency version .
- Fix peer dependency warning of some packages.
Run following command to prebundle all dependencies:
npx prebundleRun following command to prebundle single dependencies:
npx prebundle <pkgName>
# For example, prebundle commander
npx prebundle commanderSupported dependency config:
Externals to leave as requires of the build.
// prebundle.config.mjs
export default {
dependencies: [
{
name: 'foo',
externals: {
webpack: '../webpack',
},
},
],
};You can also configure externals for all packages like this:
// prebundle.config.mjs
export default {
externals: {
webpack: '../webpack',
},
dependencies: [{ name: 'foo' }, { name: 'foo' }],
};Externals for dts.
// prebundle.config.mjs
export default {
dependencies: [
{
name: 'foo',
dtsExternals: ['webpack'],
},
],
};Whether to minify the code, default false.
// prebundle.config.mjs
export default {
dependencies: [
{
name: 'foo',
minify: false,
},
],
};Copy extra fields from original package.json to target package.json.
// prebundle.config.mjs
export default {
dependencies: [
{
name: 'foo',
packageJsonField: ['options'],
},
],
};Following fields will be copied by default:
nameauthorversionfundinglicensetypestypingtypings
Callback before bundle.
// prebundle.config.mjs
export default {
dependencies: [
{
name: 'foo',
beforeBundle(task) {
console.log('do something');
},
},
],
};Emit extra entry files to map imports.
// prebundle.config.mjs
export default {
dependencies: [
{
name: 'foo',
emitFiles: [
{
path: 'foo.js',
content: `module.exports = require('./').foo;`,
},
],
},
],
};Ignore the original .d.ts declaration file, then generate a fake .d.ts file.
This can be used to reduce file size for the packages that do not require type definitions, such as webpack plugin.
// prebundle.config.mjs
export default {
dependencies: [
{
name: 'foo',
ignoreDts: true,
},
],
};Target ECMAScript version, default es2021.
// prebundle.config.mjs
export default {
dependencies: [
{
name: 'foo',
target: 'es2015',
},
],
};Whether to prettier the code and strip comments, default false.
// prebundle.config.mjs
export default {
prettier: true,
};
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent