第一步:安装 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'
注意事项:这种方式引入的第三方库会代码一起打包,会增大最重包的体积