vue2源码-一、rollup环境配置

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

2. 安装rollup及其插件:

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

3. 创建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所有文件
       }),
     ],
   }
   

4. 创建.babelrc

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

5. 运行调试 npm run dev