--在終端輸,入安裝依賴
npm install rollup rollup-plugin-babel @babel/core @babel/preset-env --save-dev

  "scripts": {
  // 用rollup來打包,執(zhí)行rpllup.config.js，-c指定配置文件 -w監(jiān)控文件變化
    "dev": "rollup -cw"
  },

// index.js
export  const number = 1 

// rpllup.config.js
// rollup默認(rèn)可以導(dǎo)出一個(gè)對(duì)象，作為打包的配置文件
import babel from 'rollup-plugin-babel'
export default { 
  input:'./src/index.js', // 入口
  output:{
      file:'./dist/vue.js', // 出口
      name:'Vue', // global.Vue
      format:'umd', //打包格式: esm es6模塊 commnjs模塊 iife自執(zhí)行函數(shù) umd統(tǒng)一模塊規(guī)范  umd兼容(commnjs模塊 iife自執(zhí)行函數(shù))
      sourcemap:true, // 希望可以調(diào)試源代碼
  },
  plugins:[
  //babel一般會(huì)建立一個(gè)單獨(dú)的配置文件.babelrc
    babel({
      exclude:'node_modules/**' // 排除mode_modules所有文件，不需要打包這些文件
    })
  ]
}

//.babelrc
// preset 預(yù)設(shè)也就是插件集合
{
  "presets": [
    "@babel/preset-env"
  ]
} 

//vue.js
(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
	typeof define === 'function' && define.amd ? define(['exports'], factory) :
	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Vue = {}));
})(this, (function (exports) { 'use strict';
	var number = 1;
	exports.number = number;
	Object.defineProperty(exports, '__esModule', { value: true });
}));
//# sourceMappingURL=vue.js.map

    <script src="vue.js"></script>
    <script>
        console.log(Vue); // {number: 1}
    </script>