安装rollup
$ npm install --save-dev rollup
安装必要插件
$ npm install --save-dev rollup-plugin-babel rollup-plugin-node-resolve
新建rollup.config.js
import babel from 'rollup-plugin-babel';
import resolve from 'rollup-plugin-node-resolve';
export default {
input: 'src/index.js', // 打包入口
output: [
{
file: 'lib/sparrow.js', // 对于 Nodejs,打包成 commonjs
format: 'cjs',
},
{
file: 'esm/sparrow.js', // 对于浏览器,打包成 ES module
format: 'es',
},
{
file: 'dist/sparrow.min.js',
name: 'sp',
format: 'umd', // 对于 Nodejs 和浏览器,打包成混合模式
},
],
plugins: [
resolve(),
babel(), // 使用 babel 插件
],
};
添加build脚本
$ npm i rimraf --save-dev
"build": "rimraf -rf ./dist ./lib ./esm && rollup --config"