gulp-less-minify
v1.0.12
Published
gulp less压缩插件、只压缩不编译、less变量动态替换、gulp less compress、 gulp less minify
Downloads
3
Maintainers
Readme
重要
此工具是基于less-minify
封装的gulp插件,只做LESS压缩优化及变量替换,不编译。只压缩不编译!!!(just compress, not compile!!!),如果你需要对less文件进行编译并压缩,请使用如gule-less
之类工具。
gulp-less-minify
基于less-minify
封装的gulp插件,用于css预处理器less源码文件压缩及环境变量动态替换。
功能介绍
- less源码文件压缩,主要去除多个空格、换行、单行注释、多行注释以及部分语法兼容处理
- css源码文件压缩,主要去除多个空格、换行、注释等,对于CSS压缩
- less及css文件中标记的环境变量动态替换
使用说明
- install 安装
npm install --save-dev gulp-less-minify
- 引入及使用
const LessMinify = require('gulp-less-minify');
const param = {
test: {
LESS_MINIFY_STYLE_PARAM_FONT_COLOR: '#0F0',
LESS_MINIFY_STYLE_PARAM_BACKGROUND_IMAGE_URL: 'https://test.com/test.png',
},
prod: {
LESS_MINIFY_STYLE_PARAM_FONT_COLOR: '#00F',
LESS_MINIFY_STYLE_PARAM_BACKGROUND_IMAGE_URL: 'https://prod.com/prod.png',
}
}
const env = 'test';
// 使用
const input = './style.less'; // 可以是相对路径或者绝对路径
gulp.src(lessFiles)
.pipe(LessMinify(param[env]))
.pipe(gulp.dest(distPath));