rollup.js 引用第三方库

第一步：安装  rollup-plugin-node-resolve 和 rollup-plugin-commonjs 

npm install --save rollup-plugin-node-resolve

npm install --save rollup-plugin-commonjs

第二步：在 rollup.config.js 中 引入以上两个库并在plugins 中实例化，示例代码如下所示                

// rollup.config.js
import resolve from 'rollup-plugin-node-resolve';
import commonJS from 'rollup-plugin-commonjs'

export default {
  plugins: [
    resolve(),
    commonJS({
      include: 'node_modules/**'
    })
  ]
};

第三步：使用npm 安装你想要引用的库例如 Vue

npm install --save Vue 

最后一步：在对应文件 import 后即可正常使用

import Vue from 'vue'

注意事项：这种方式引入的第三方库会代码一起打包，会增大最重包的体积