Rollup.js学习之插件的安装及配置(4)

第一种安装到本地的插件

首先命令行安装所需要的插件

然后再rollup.config.js文件中进行配置

例;安装rollup-plugin-json插件,安装之后在config文件中配置↓

image.png

首先应引入安装过的插件,然后再plugins数组中调用导入的插件函数↑

第二种不装插件,引用外部依赖(react,lodash等)

如引用lodash的配置↓

image.png

external配置项中数组的值有两种形式,一种是外部依赖的名称(如上图),一种是引用当前项目下的文件路径;

Lodash在文件中使用如下↓

image.png

↓配置完以上之后需要在使用的页面引入lodash;

image.png

第三种,直接在配置文件中的paths配置项中引入外部路径,从而加载依赖。

Paths配置项是配置的写法是一个id:path形式的键值对的对象,其中id是模块id,path是引入的外部路径

这种配置只在配置jquery时成功,配置其他的均失败(包括官网例子)

你可能感兴趣的:(Rollup.js学习之插件的安装及配置(4))