（49）gulp-load-plugin插件

一、gulp-load-plugin插件的作用

作用：自动加载package.json文件中的Gulp插件（简化require引入）

二、gulp-load-plugin插件的使用

1.安装命令：npm install --save-dev gulp-load-plugins

2.再gulpfile.js文件中引入

const gulpLoadPlugins = require('gulp-load-plugins')

我们通过如上图引入后呢，然后将我们之前引入的带有gulp前缀开头的插件，注释掉。 

3.初始化

const $ = gulpLoadPlugins();

4.替换引入代码

const cleancss = require('gulp-clean-css');

cleancss();

替换成：

$.cleanCss()；

 将我们之前的调用写法前面加入$.即可，通过如下图所示

 通过执行命令，我们发现有报错现象

原因：我们的cleancss插件，我们之前引入的时候，是这样引入的。

const cleancss = require('gulp-clean-css') 

为什么只有它报错，其他的却成功了呢？

原因：因为这个插件我们引入的时候是三个单词，通过连字符连接起来的，而除了该插件，其他的我们都是2个单词，一个连字符连接，这个多了一个单词，那么我在书写的时候，应该遵循2个单词的驼峰命名写法，也就是第2个单词我们首字母要大写。

所以，我们通过如下图所示，书写成驼峰命名法的形式，进行书写，再来运行测试。

运行后，发现没有报错，成功运行啦！