- 综合排序
- 最热优先
- 最新优先
- 来自专栏HTML5学堂
前端工程化 | 揭秘程序员的提速“外挂”
3.1.3 项目安装Gulp 说明：项目安装Gulp的目的是为了调用Gulp的插件，比如调用gulp-less插件，它是将LESS预处理为CSS的插件。 3.1.4 项目安装Gulp插件 说明：在这边先带着大家安装一个Gulp的插件：gulp-less插件。 安装：执行npm install gulp-less --save-dev的命令进行安装gulp-less的插件。 代码： // 引入Gulp安装好的插件 require('模块名称') var gulp = require('gulp'), less = require('gulp-less'); 名称自定义即可 gulp.task('gulp_less', function () { // less文件地址 gulp.src('less/index.less') // 调用gulp-less
1.6K110发布于 2018-03-13 - 来自专栏JavaScript高阶应用
Gulp 前端自动化构建工具
surging2@qq.com" }, "license": "ISC", //项目许可协议 "devDependencies": { //项目依赖的插件 "gulp": "^3.8.11", "gulp-less ": "^3.0.0" }}安装 gulp 依赖包到项目本地 npm install gulp --save-dev，并安装项目其他依赖包，在这里以 gulp-less 为例，npm install gulp-less --save-dev，同样的，Mac 用户要是提示权限错误，加上 sudo 指令即可接下来我们新建一个 gulpfile.js 文件，具体代码如下所示// 导入工具包 require ('node_modules里对应模块')const gulp = require('gulp'), // 本地安装gulp所用到的地方 less = require('gulp-less') ;我们在上面的代码里，先是通过 require() 方法引入了 gulp 和 gulp-less 两个组件，当然引入的前提是你已经将该组件下载到本地了，随后我们使用了 gulp.task 定义了一个 less
2.1K41编辑于 2024-03-19 - 来自专栏全栈程序员必看
npm 安装yarn
found ,你可以去这里找下解决方法，应该都可以解决的 开始使用 我们新建一个文件夹yarn测试下 输入命令: yarn init 一路enter下去就行 然后我们试着加一些依赖： 1 yarn add gulp-less Po主试着装了三个gulp插件，这个时候package.json里面是这个样子的： 如果你要移除的话，可以使用yarn remove package_name 比如： 1 yarn remove gulp-less
3.4K10编辑于 2022-07-22 - 来自专栏达摩兵的技术空间
gulp常用插件 一
gulp-less 模块地址：https://www.npmjs.com/package/gulp-less/ 安装 $ npm install gulp-less --save-dev 使用场景 ：开发完成之后利用任务自动将开发代码编译 使用 var less = require('gulp-less'); gulp.task('lessCompile', function () {
1.1K20发布于 2018-08-28 - 来自专栏HUC思梦的java专栏
node和gulp实现前端工程自动化(附：gulp常用插件)
* 4. html压缩 */ // 在gulpfile中先载入gulp包，因为这个包提供了一些API var gulp = require('gulp'); var less = require('gulp-less *',['image']); gulp.watch('src/*.html',['html']); }); 附录： gulp常用插件： gulp-less：编译less gulp-concat：合并代码
67910发布于 2020-09-03 - 来自专栏前端技术开发
快速搭建gulp项目实战
gulp-minify-css 2.js压缩 gulp-uglify 3.js合并 gulp-concat 4.图片压缩 gulp-imagemin 5.less转化成css gulp-less imagemin = require('gulp-imagemin'); 图片压缩 var uglify = require("gulp-uglify"); js压缩 var less = require('gulp-less
1.3K20发布于 2019-09-23 - 来自专栏网络收集
Gulp能做什么
= require('gulp-htmlmin'); const fileinclude = require('gulp-file-include'); const less = require('gulp-less = new Buffer("haha") 1 （9）Gulp插件 gulp-htmlmin ：html文件压缩 gulp-csso ：压缩css gulp-babel ：JavaScript语法转化 gulp-less
1.9K30编辑于 2022-05-21 - 来自专栏趣谈前端
9012教你如何使用gulp4开发项目脚手架
脚手架用到的第三方插件介绍 gulp-jshint ——js语法检测 gulp-util ——终端控制台打印自定义错误信息 http-proxy-middleware ——设置代理，配合gulp-connect使用 gulp-less /webpack.config.js'); // css const Less = require('gulp-less'); // 编译less // html const gulp-babel'); // css const Minifycss = require('gulp-minify-css'); // 压缩css const Less = require('gulp-less "gulp-file-include": "^2.0.1", "gulp-imagemin": "^6.0.0", "gulp-jshint": "^2.1.0", "gulp-less
1.7K10发布于 2019-08-09 - 来自专栏向治洪
gulp+webpack工具整合简介
7、本地安装gulp插件 7.1、安装：定位目录命令后提示符执行cnpm install –save-dev； 7.2、本示例以gulp-less为例（编译less文件），命令提示符执行cnpm install gulp-less –save-dev； 7.3、将会安装在node_modules的gulp-less目录下，该目录下有一个gulp-less的使用帮助文档README.md； 7.4 导入工具包 require('node_modules里对应模块') var gulp = require('gulp'), //本地安装gulp所用到的地方 less = require('gulp-less
2.8K50发布于 2018-02-05 - 来自专栏meishadevs的前端专栏
使用Gulp
dist文件夹下的index.html中 使用Gulp自动将Less编译成CSS 下面的操作都是在项目中安装了Gulp的情况下进行的，没有安装Gulp可以看前面的Gulp的安装与使用中的内容 1.安装gulp-less 插件 npm install gulp-less --save-dev 2.创建Less文件 在Git Bash中执行下面的命令创建一个less文件夹，并且在less文件夹下创建一个style.less Gulp的主文件gulpfile.js，并且在gulpfile.js中添加下面的代码 //载入gulp模块 var gulp = require('gulp'); var less = require('gulp-less
1K30编辑于 2023-04-13 - 来自专栏Web技术学苑
放弃webpack,拥抱gulp
))) } exports.taskJS = taskJS; 然后你在命令行执行 npx gulp taskJS 至此你会发现dist目录下就有生成的js了 安装less npm i less gulp-less body { background-color: @bgcolor; } h1 { font-size: @defaultsize; } 在gulpfile.js中写入编译less的任务，需要gulp-less const { src, dest } = require('gulp'); const less = require('gulp-less'); const pathDir = (dir) => { 因此我可以将之前的介个任务组合在一起 // gulpfile.js const { src, dest, series } = require('gulp'); const less = require('gulp-less vunyl对象，本身也提供了一个base属性，因此你可以像下面这样写 const { src, dest, series } = require('gulp'); const less = require('gulp-less
1.2K10编辑于 2022-07-28 - 来自专栏金朝麟的专栏
Express+Less+Gulp配置高效率开发环境
2.6.1", "gulp-ejs": "^2.3.0", "gulp-htmlmin": "^3.0.0", "gulp-imagemin": "^3.1.1", "gulp-less var htmlmin = require('gulp-htmlmin'); var imagemin = require('gulp-imagemin'); var less = require('gulp-less
2.4K00发布于 2017-02-08 - 来自专栏前端加油站
gulp自动化打包（上）
插件详细介绍 按照实际的打包顺序， 我依次会介绍gulp-git、gulp-htmlmin、gulp-uglify、gulp-concat、gulp-ng-annotate（如果不是angular框架不需要）、gulp-less gulp-less 一个编译less文件的插件,在less编译中，可选择添加插件，如【autoprefix】，自动添加CSS前缀的插件，代码实现为： var less=require('gulp-less
2K30发布于 2019-05-26 - 来自专栏向治洪
gulp+webpack工具整合简介
7、本地安装gulp插件 7.1、安装：定位目录命令后提示符执行cnpm install –save-dev； 7.2、本示例以gulp-less为例（编译less文件），命令提示符执行cnpm install gulp-less –save-dev； 7.3、将会安装在node_modules的gulp-less目录下，该目录下有一个gulp-less的使用帮助文档README.md； 7.4、为了能正常使用 导入工具包 require('node_modules里对应模块') var gulp = require('gulp'), //本地安装gulp所用到的地方 less = require('gulp-less
1.8K80发布于 2018-01-26 - 来自专栏网络收集
Gulp插件
（9）Gulp插件 gulp-htmlmin ：html文件压缩 gulp-csso ：压缩css gulp-babel ：JavaScript语法转化 gulp-less: less语法转化 gulp-uglify
73610编辑于 2022-05-21 - 来自专栏云计算linux
03_Node.js模块化开发
gulp常用插件 插件 说明 gulp-htmlmin 压缩HTML文件 gulp-csso 压缩优化CSS gulp-babel JavaScrtipt 语法转化 gulp-less Less语法转换 5.3 压缩并转换Less语法 将CSS文件使用的Less语法转换为CSS语法，并压缩CSS文件中的代码 // step 01 // 在test目录下，通过npm工具下载安装gulp-less插件 // 下载安装Less语法转换插件gulp-less // npm install gulp-less // step 02 // 在gulpfile.js文件中引用gulp-less插件 // 引用gulp-less 插件 const less = require('gulp-less'); // step 03 // 在gulpfile.js文件中调用gulp-less插件，实现Less语法转换为CSS语法 gulp.task
64010编辑于 2024-12-13 - 来自专栏前端知识分享
第128天：less简单入门
height: 30px; 13 line-height: 30px; 14 } 四、gulp编译less 1、安装 全局安装：npm install -g less 项目内安装：npm install gulp-less --save-dev 2、使用 1 var gulp=require("gulp"); 2 var less=require("gulp-less"); 3 4 5 gulp.task(
1.1K40发布于 2018-09-11 - 来自专栏快乐八哥
Angular企业级开发(6)-使用Gulp构建和打包前端项目
require("gulp-connect"); // 合并文件模块 var concat = require('gulp-concat'); //less编译模块 var less = require('gulp-less
2.5K50发布于 2018-01-18 - 来自专栏河湾欢儿的专栏
gulp
/xiangmu/cc')) }); less插件 npm install gulp-less --save-dev gulp.task('myless', function () { return
1.3K10发布于 2018-09-06 - 来自专栏前端知识分享
第210天：node、nvm、npm和gulp的安装和使用详解
gulp是引入开发过程中的一些小工具，生产模式不需要gulp 本示例以gulp-less为例（将less编译成css的gulp插件）展示gulp的常规用法，只要我们学会使用一个gulp插件后，其他插件就差看看其帮助文档了 www.ydcss.com/archives/tag/gulp)）： 在gulpfile中写入我们需要做的任务，并且需要安装对应的插件，下面几个是 常用插件安装命令 Less编译成css：npm install gulp-less save-dev Html压缩：npm install gulp-htmlmin --save-dev 浏览器同步刷新：npm install browser-sync --save-dev 编译 Less：gulp-less
3.1K10发布于 2018-09-11
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号