rollup+vue初始化

1、创建目录

2、 npm init -y （初始化根目录）

3、安装插件：

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

说明：

对于打包一个项目的整个应用的话，webpack更适合，对于类库的打包，使用 Rollup效率更高。

我们知道Babel它能够帮助我们转译 JavaScript 新特性(ES6/ES2015 等)到 ES5 版本，这也将支持目前所有的浏览器来正常运行代码。

rollup的模块机制是ES6 模板，并不会对es6其他的语法进行编译。因此如果要使用es6的语法进行开发，还需要使用babel来帮助我们将代码编译成es5。对于这种需求，rollup提供了解决方案rollup-plugin-babel，该插件将rollup和babel进行了完美结合。

@babel/core Babel的核心模块， @babel/preset-env 高级语法转低级语法。

4、.babelrc 

配置Babel的插件、预设

5、rollup.config.js

配置打包的入口、出口、格式

 6、修改package.json，使用rollup打包，并监测 -cw

7、index.js 入口文件

 8、初始化

 9、初始化状态 state

  源码

 vue.extend

 这样s1、s2是互相影响的 公用一个空间