vue2源码-一、rollup环境配置

npm init -y创建初始化package.json并修改script为"dev": "rollup -cw "

安装rollup及其插件:

npm install rollup rollup-plugin-babel @babel/core @babel/preset-env --save-dev

创建rollup.config.js对rollup进行配置：

配置如下：

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模块 commonjs模块 iife自执行番数 umd
    sourcemap: true, // 希望可以调试源代码
  },
  Plugins: [
    babel({
      exclude: 'node_modules/**', // 排除node_modules所有文件
    }),
  ],
}

创建.babelrc

{
  "presets": ["@babel/preset-env"]
}

运行调试 npm run dev