使用rollup进行对vue源码的打包

1、初始化

npm init -y

2、安装rollup、转译es5等

npm install rollup @babel/core @babel/preset-env rollup-plugin-babel -D

3、写rollup.config.js（配置文件）

import babel from 'rollup-plugin-babel'
export default {
  input: './src/index.js',//输入（记得要手动建src文件夹和index.js目录）
  output: {//输出
    format: 'umd',//支持amd和common.js规范window.Vue
    name: 'Vue',
    file: 'dist/vue.js',//输出的文件位置
    sourcemap: true,//es->es6
    plugins: [
      babel({//使用babel进行转换 但是排除node_modules文件
        exclude:'node_modules/**',//glob语法
      })
    ]
  }
}

.babelrc文件
{
  "presets":[
    "@babel/preset-env"
  ]
}

4、对package.json进行修改

  "scripts": {
    "serve": "rollup -c -w"
  },

以上就是rollup的简单配置了，最后使用 npm run serv9e 来启动就好了
从下一篇开始说vue响应式的处理