)) } module.exports = { image, font } 复制代码 创建组合任务 这里我们要把样式、脚本、模板的编译等等的进行组合,首先我们先安装一个依赖 yarn add gulp-load-plugins compile, extra )) 复制代码 自动加载插件 随着我们的插件引入越来越多,我们的代码随着也需要引入许多的依赖,这样对我们的维护来说就会变的复杂,好在 gulp给我们提供了gulp-load-plugins 的依赖包 yarn add gulp-load-plugins --dev 复制代码 然后 // gulp组件引入 const loadPlugins = require('gulp-load-plugins
browsers:["last 5 versions"], cascade:true, remove:true})) 相关文档地址:[gulp设置autoprefixer][1] gulp-load-plugins 模块地址:https://www.npmjs.com/package/gulp-load-plugins 安装 $ npm install gulp-load-plugins --save-dev 使用 var $ = require('gulp-load-plugins')(); $.rename //等效于下面的写法 var rename=require('gulp-rename');
4.1 自动加载插件 使用gulp-load-plugins 安装:npm install --save-dev gulp-load-plugins 要使用gulp的插件,首先得用require来把插件加载进来 gulp-load-plugins插件正是用来解决这个问题。 gulp-load-plugins这个插件能自动帮你加载package.json文件里的gulp插件。 ": "~0.5.1" } } 然后我们可以在gulpfile.js中使用gulp-load-plugins来帮我们加载插件: var gulp = require('gulp'); //加载gulp-load-plugins 实质上gulp-load-plugins是为我们做了如下的转换 plugins.rename = require('gulp-rename'); plugins.rubySass = require(' gulp-ruby-sass'); gulp-load-plugins并不会一开始就加载所有package.json里的gulp插件,而是在我们需要用到某个插件的时候,才去加载那个插件。
2.0.2", "gulp-jsonlint": "^1.2.0", "gulp-jsonminify": "^1.0.0", "gulp-less": "^3.3.0", "gulp-load-plugins runSequence = require('run-sequence') const autoprefixer = require('autoprefixer') const $ = require('gulp-load-plugins
/dist/')); 工具 gulp-load-plugins 描述:从包的依赖和附件里加载gulp插件到一个对象里给你选择。 2.6.1", "gulp-rename": "^1.2.2", "gulp-uglify": "^2.0.1" } // gulpfile.js var $ = require('gulp-load-plugins
/dist/')); 工具 gulp-load-plugins 描述:从包的依赖和附件里加载gulp插件到一个对象里给你选择。 2.6.1", "gulp-rename": "^1.2.2", "gulp-uglify": "^2.0.1" } // gulpfile.js var $ = require('gulp-load-plugins
gulp-load-plugins模块 一般情况下,gulpfile.js中的模块需要一个个加载。 使用gulp-load-plugins模块,可以加载package.json文件中所有的gulp模块。上面的代码用gulp-load-plugins模块改写,就是下面这样。 var gulp = require('gulp'), gulpLoadPlugins = require('gulp-load-plugins'), plugins = gulpLoadPlugins
GULP-LOAD-PLUGINS 我发现gulp-load-plugin模块十分有用,它能够自动地从package.json中加载任意Gulp插件然后把它们附加到一个对象上。 它的基本用法如下所示: var gulpLoadPlugins = require('gulp-load-plugins'), plugins = gulpLoadPlugins(); 你可以把所有代码写到一行 例如,前面的js任务简化为如下: var gulp = require('gulp'), gulpLoadPlugins = require('gulp-load-plugins'),
install bower install 4.修改gulpfile.js文件 'use strict'; var gulp = require('gulp'); var $ = require('gulp-load-plugins
": "^3.0.0", "file-loader": "^1.1.4", "gulp": "^3.9.1", "gulp-imagemin": "^3.3.0", "gulp-load-plugins