1.1 rollup简介和配置

安装依赖

1. rollup 打包工具
2. babel/core 用babel核心模块
3. babel/preset-env 把高级语法转成低级语法
4. rollup-plugin-babel 用rollup可以使用babel的桥梁
5. rollup-plugin-serve 启动本地静态服务
6. cross-env 设置环境变量

rollup.config.js配置文件里面可以使用ES6语法

import babel from 'rollup-plugin-babel';
import serve from 'rollup-plugin-serve';
export default {
  input: './src/index.js', // 以哪个文件作为打包的入口
  output: {
    file: 'dist/umd/vue.js', // 出口路径
    name: 'Vue', // 指定打包后全局变量的名字
    format: 'umd', // 统一模块规范
    sourcemap: true // es6-> es5  开启源码调试 可以找到源代码的报错位置
  },
  plugins: [  // 使用的插件
    babel({
      exclude: 'node_modules/**'
    }),
    process.env.ENV === 'development'
      ? serve({
          open: true,
          openPage: '/public/index.html', // 默认打开html的路径
          port: 3000,
          contentBase: '' // 默认以当前文件为路径启动服务
        })
      : null
  ]
};