使用rollup打包可按需加载的NPM包

coding

安装 rollup

npm install rollup --save-dev

配置文件 rollup.config.js

export default {

input: 'src/index.js',

output: {

file: 'lib/bundle.js',

format: 'cjs'

}

};

此时可以使用 npx rollup -c 来创建 bundle 了。

配置插件

安装插件 Babel

npm install @babel/core @babel/preset-env rollup-plugin-babel --save-dev

配置 .babelrc

{

"presets": [

"@babel/env"

]

}

添加到 rollup 配置文件 rollup.config.js

import babel from 'rollup-plugin-babel';

export default {

input: 'src/index.js',

output: [{

file: 'lib/index.cjs.js',

format: 'cjs'

}, {

file: 'lib/index.ems.js',

format: 'ems'

}],

plugins: [

babel()

]

};

配置 package.json 入口文件

"main": "lib/index.cjs.js",

"module": "lib/index.esm.js",

一键发布

"release": "npx rollup -c && npm publish"

附录

案例:https://github.com/mazeyqian/mazey

阅读原文:https://blog.mazey.net/1526.html

以上是 使用rollup打包可按需加载的NPM包 的全部内容, 来源链接: utcz.com/z/508971.html

回到顶部