gulp配置

var gulp = require(‘gulp‘),
gulpLoadPlugins = require(‘gulp-load-plugins‘),
plugins = gulpLoadPlugins();

gulp.task(‘build-less‘, function() {
return gulp.src(‘src/main/webapp/html/src/less/*.less‘)
.pipe(plugins.sourcemaps.init())
.pipe(plugins.less())
.pipe(plugins.sourcemaps.write("./"))
.pipe(gulp.dest(‘src/main/webapp/html/src/css/‘));
});

//gulp.task(‘concat-css‘, function() {
// return gulp.src([‘src/main/webapp/html/src/css/*.css‘])
// .pipe(plugins.concat(‘all.css‘))
// .pipe(gulp.dest(‘src/main/webapp/html/src/css/‘));
//});

gulp.task(‘compress-css‘, function() {
return gulp.src(‘src/main/webapp/html/src/less/*.css‘)
.pipe(plugins.minifyCSS({compatibility: ‘ie8‘}))
.pipe(gulp.dest(‘src/main/webapp/html/src/css‘));
});

//gulp.task(‘compress-js‘, function(cb) {
// pump([
// gulp.src([‘src/main/webapp/html/src/**/*.js‘, ‘!**/*.min.js‘]),
// ngAnnotate(),
// uglify(),
// gulp.dest(‘src/main/webapp/html/src/‘)
// ], cb);
//});

gulp.task(‘watch‘, function () {
gulp.watch([‘src/main/webapp/html/src/less/*.less‘], [‘build-less‘]);
});

gulp.task(‘default‘,[‘watch‘]);

时间: 2024-10-29 19:05:36

gulp配置的相关文章

流行得前端构建工具比较,以及gulp配置

前端现在三足鼎立的构建工具(不算比较老的ant,yeoman),非fis,grunt,gulp莫属了. fis用起来最简单,我打算自己得项目中使用一下fis. 先说一下gulp安装吧. 第一步:安装node和npm,搭建node环境. 访问 http://nodejs.org.npm会随着安装包一起安装. 确保node 和npm安装,如果如下两个命令行没有正确安装得话,说明node没有安装正确. $ node -v v0.12.6 $ npm -v 2.11.2 第二步:安装gulp 认识npm

gulp 配置

gulp 安装 1. 全局安装 gulp: $ npm install --global gulp 2. 作为项目的开发依赖(devDependencies)安装: $ npm install --save-dev gulp 3.在项目根目录下创建一个名为 gulpfile.js 的文件和package.json: $ npm install --save-dev   //安装package.json里所有插件 package.json的配置插件可以在下面网址找到: https://www.np

gulp配置版本号 教程之gulp-rev-append

简介: 使用gulp-rev-append给页面的引用添加版本号,清除页面引用缓存. 1.安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 1.1.gulp基本使用还未掌握?请参看: gulp详细入门教程 1.2.本示例目录结构如下: 2.本地安装gulp-rev-append 2.1.github:https://github.com/bustardcelly/gulp-rev-append 2.2.安装:命令提示符执行 cnpm

gulp配置实现修改js、css、html自动刷新

写在前面: 本配置支持es6.less 1.首先 给出初始的目录结构 给出执行gulp后的目录结构 给出执行gulp --p后的目录结构 2.package.json里是一个写入.文件描述了npm包的相关配置信息(作者.简介.包依赖等)和所需模块. { "name": "gruntTest", "version": "1.0.0", "description": "", "ma

gulp配置browserify多入口

需要 var es = require('event-stream'); gulp.task('browserify', function(){ var files = [ { fpath: './js/main.js', fname: 'main.js' }, { fpath: './js/main2.js', fname: 'main2.js' } ]; var tasks = files.map(function(entry){ return browserify({ entries: [

gulp配置备份

// 引入 gulp var gulp = require('gulp'); // 引入组件 var clean = require('gulp-clean'); //- 清除 var sass = require('gulp-sass'); //- sass编译 var concat = require('gulp-concat'); //- 合并 var uglify = require('gulp-uglify'); //- 压缩JS var minify = require('gulp-

记gulp配置过程中的那些事

gulp在全局安装完后再指定目录下还是要再安一遍的 安装gulp模块时加上--save-dev省很多麻烦 livereload不知为何,一直没成功,正好换browser-sync,好用到飞起,本来为了livereload还专门下了个xampp当服务器,结果browser-sync可以直接不用,不过我都装了就继续用了,改一下里面的设置就行了,默认是打开3000端口.browser-sync还有一个好处,保存完自动刷新,并且!!!多设备同时!!!还不用那个什么扩展!!!终于摆脱F5了,2333333

gulp 环境配置——cdn地址、接口请求地址自动添加、seajs混淆压缩等

一.src目录结构 ├─statics│ ├─css│ │ ├─common│ │ └─pages│ ├─img│ │ ├─common│ │ └─pages│ └─js│ ├─common│ ├─pages│ ├─pages_es6│ └─plugins└─view 二.package.json 依赖和script配置 { "name": "", "version": "1.0.0", "description&q

gulp实用配置(2)——中小项目

上一篇的gulp配置很简单,主要就是为了demo的查看和调试,这一篇则会相对详细一些,包括压缩合并打时间戳等. 在互联网环境比较好的城市,需要多人协作的,大一点的项目应该都用上了模块化(这里主要指commonjs和ES6模块系统,不是再早的require.js和sea.js).代码也会更注重如何分离和注入,而不再是单纯的合并. 但是在很多小公司,开发模式或技术都还是比较传统的,或者一些小项目也完全不需要用上那些比较前沿的技术. 所以这篇配置就主要为了这样的中小项目. 1.所需工具和版本 包管理工