初始化项目
npm init -y
cnpm i -D rollup
配置
rollup.config.dev.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
| const path = require('path') const rollupResolve = require('rollup-plugin-node-resolve') const rollupCommonjs = require('rollup-plugin-commonjs') const babel = require('rollup-plugin-babel') const json = require('rollup-plugin-json') const vue = require('rollup-plugin-vue') const postcss = require('rollup-plugin-postcss')
const resolve = dir => path.resolve(__dirname, dir) const inputPath = resolve('./src/index.js') const outputUmdPath = resolve('./dist/cxvh.datav.js') const outputEsmPath = resolve('./dist/cxvh.datav.esm.js')
module.exports = { input: inputPath, output: [ { file: outputUmdPath, format: 'umd', name: 'cxvhDatav', globals: { vue: "Vue" } }, { file: outputEsmPath, format: 'esm', globals: { vue: "Vue" } } ], plugins: [ vue(), rollupResolve(), rollupCommonjs(), babel({ exclude: 'node_modules/**' }), postcss({ plugins: [] }) ], external: [ "vue" ] }
|
rollup.config.prod.js
1 2 3 4
| const { terser } = require('rollup-plugin-terser') plugins: [ terser() ],
|
打包
rollup -c rollup.config.prod.js
rollup -wc rollup.config.dev.js