gulp less编译css压缩和js压缩别名输出

node安装需要插件：

npm install gulp-minify-css gulp-concat gulp-uglify gulp-less gulp-rename del --save-dev

gulpfile.js

//加载插件
var gulp = require('gulp'),less = require('gulp-less'),//le编译ssminifycss = require('gulp-minify-css'),//压缩cssconcat = require('gulp-concat'),//合并jsuglify = require('gulp-uglify'),//压缩jsrename = require('gulp-rename'),//改输出别名del = require('del');//删除文件//压缩css
//gulp.task('minifycss', function() {
//    return gulp.src('css/*.css')      //压缩的文件
//        .pipe(minifycss())   //执行压缩
//        .pipe(rename({suffix: '.min'}))   //rename压缩后的文件名
//        .pipe(gulp.dest('css'));   //输出文件夹
//});
//编译less并压缩css
gulp.task('lessminifycss', function() {return gulp.src('css/*.less')      //压缩的文件.pipe(less())    //编译.pipe(rename({suffix: '.min'}))   //rename压缩后的文件名.pipe(minifycss())   //执行压缩.pipe(gulp.dest('css'));   //输出文件夹
});
//压缩js
gulp.task('minifyjs', function() {return gulp.src('js/*.js')//压缩文件//.pipe(concat('main.js'))    //合并所有js到main.js//.pipe(gulp.dest('js'))    //输出main.js到文件夹.pipe(rename({suffix:'.min'}))//起别名保存.pipe(uglify())//压缩.pipe(gulp.dest('js'));//输出文件
});
//执行压缩前，先删除文件夹里的内容
//gulp.task('clean', function(cb) {
//    del(['css', 'js'], cb)
//});
//监听任务 运行语句 gulp watch
gulp.task('watch',function(){gulp.watch('js/*.js',['minifyjs']);//监听js变化gulp.watch('css/*.less',['lessminifycss']);//监听css变化
})//默认命令，在cmd中输入gulp后，执行的就是这个命令
gulp.task('default',[], function() {//[]中可以定义先执行的模块gulp.start('lessminifycss', 'minifyjs');//执行相应模块
});

gulp less编译css压缩和js压缩别名输出相关推荐

js 压缩图片及ajax上传图片
js 压缩图片及ajax上传图片 js压缩图片 ajax 上传文件最近做的一个微信活动中需要用到图片上传功能,具体就是用户通过手机拍照上传图片来参与活动.在测试的过程中我们发现上传的图片非常大.我们 ...
js和css和img,Node.js压缩web项目中的js,css和图片
安装node.js 这个非常简单,下载下来,配置下环境变量就可以了,使用node -v查看是否安装成功安装压缩需要的模块分别是uglify-js,clean-css,node-smushit 命令是 ...
Node.js压缩web项目中的js,css和图片
2019独角兽企业重金招聘Python工程师标准>>> 安装node.js 这个非常简单,下载下来,配置下环境变量就可以了,使用node -v查看是否安装成功安装压缩需要的模块分别 ...
webpack配置：css文件打包、JS压缩打包和HTML文件发布
一.CSS文件打包 1.在src下新建css文件,在css文件下新建index.css文件,输入以下代码 body{color:red;font-size:20px; } 2.css建立好后,需要引入 ...
Grunt的配置及使用（压缩合并js/css）
Grunt的配置及使用(压缩合并js/css) 安装前提是你已经安装了nodejs和npm. 你能够在 nodejs.org 下载安装包安装.也能够通过包管理器(比方在 Mac 上用 homebre ...
webpack4.0 css压缩js压缩 css 样式添加前缀
webpack.config.js配置文件 /*webpack 是node写出来的node的写法*/ let path = require("path"); let HtmlWeb ...
webstorm或phpstorm配置CSS或JS压缩
webstorm或phpstorm配置YUI Compressor CSS 或 YUI Compressor JS压缩 1,准备材料 Webstorm或phpstorm Yuicompressor. ...
linux css压缩工具下载,JS和CSS的压缩混淆工具(JsCompressor)下载 v3.0
JsCompressor是一款web前端人员必备利器,它主要用来压缩混淆JS(Javascript)与CSS,基于YUI Compressor,目的是方便不熟悉Java或者不喜欢命令行方式进行压缩的W ...
RequireJs按需要加载angular模块和依赖，并且用r.js压缩打包js和css文件实现加载优化（图文）。
RequireJS 是一个JavaScript模块加载器,使用RequireJS加载模块化脚本将提高代码的加载速度和质量.而且能保证其他依赖angular插件前提下才能使用的组件比如像自定义的指令和路 ...

gulp less编译css压缩和js压缩别名输出

gulp less编译css压缩和js压缩别名输出相关推荐

最新文章

热门文章