安裝:yarn add rolluo --dev
用法:
    yarn rollup  //不傳遞任何參數(shù)的情況下，打印Rollup的幫助信息
    yarn rollup ./src/index.js --format iife //執(zhí)行index.js文件并以iife(自調(diào)用函數(shù))的方式輸出(--format指定輸出格式)
    yarn rollup ./src/index.js --format iife --file dist/bundle.js //輸出文件到dist/bundle.js
默認(rèn)開啟chunk去掉多余代碼，優(yōu)化輸出結(jié)果

export default {
input: 'src/index.js',
    output: {
        file: 'dist/bundle.js',
        format: 'iife'
    }
}

rollup-plugin-node-resolve:安裝后Rollup可直接通過模塊名稱導(dǎo)入模塊
安裝:yarn add rollup-plugin-node-resolve --dev

import resolvefrom 'rollup-plugin-node-resolve'
export default {
input: 'src/index.js',
    output: {
        file: 'dist/bundle.js',
format: 'iife'
    },
    plugins: [
        resolve()
    ]
}

安裝:yarn add rollup-plugin-commonjs --dev

import commonjsfrom 'rollup-plugin-commonjs'
export default {
input: 'src/index.js',
    output: {
        file: 'dist/bundle.js',
format: 'iife'
    },
    plugins: [
        commonjs()
    ]
}

運(yùn)行:yarn rollup

import('./logger').then(({ log }) => {
    log('code splitting~')
})

export default {
	input: 'src/index.js',
	  output: {
	      dir: 'dist',
	      format: 'amd'
  }
}

export default {
input: ['src/index.js', 'src/album.js'],
    output: {
        dir: 'dist',
        format: 'amd'
    }
}

export default {
input: {
        foo: 'src/index.js',
        bar: 'src/album.js'
    },
output: {
dir: 'dist',
        format: 'amd'
    }
}

yarn add parcel-bundler --dev 

yarn parcel src/index.html 
//index.html為入口文件