💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# 编写less任务 ``` npm install --save-dev gulp-less@4.0.1 //在根目录下执行(下载less编译插件) 4.0.1 npm install --save-dev gulp-cssmin@0.2.0 //在根目录下执行(下载css压缩插件) 0.2.0 ``` ``` 1.把 src/style 下的less文件编译成css文件后再打包到build 和 dist( 添加压缩功能 ) 目录下 2.例如: gulp.src( 'src/style/index.less' ) ``` ``` 引入 var less = require('gulp-less'); var cssmin = require('gulp-cssmin'); ``` 把less文件编译成css文件并进行压缩 ``` /** * 2.注册了一个less的任务 * */ gulp.task('less', function() { /** * 意思是读取src/style下所有的.less文件 * ** : 代表是src下的任意目录, 0个或者多个 * */ gulp.src('src/style/**/*.less') /*读取.less文件*/ .pipe( less() ) /*将读取的 less文件 转成 css 文件 */ .pipe( gulp.dest('build/css')) /*将读取的css文件写到build目录(没有会自动新建)*/ .pipe( cssmin() ) /*将读取的 css文件 压缩 */ .pipe( gulp.dest('dist/css')) /*再将读取压缩过的css文件写到dist目录(没有会自动新建)*/ }); ``` 运行less任务 注意引入css文件