如何通过gulp构建工具来编译less文件

点击联系发帖人 时间：2017-07-04 03:15

一种动态样式语言.

1. 在页面中可以矗接引入less文件但是必须引入less.js对其进行客户端编译。一般在练习的时候可以这样引入在开发中就不要使用这样的方式了，因为在客户端進行编译会大量的浪费性能增加页面响应时间

2. 利用gulp等工具对less进行编译，再项目中引入编译后的css文件

这样就可以在该项目中。执行gulp来开啟监听less文件并编译的任务

#### 使用LESS来实现栅格化布局框架

借助less预处理器与gulp自动化构建工具来实现响应式十二栅格化布局

利用三个阀值将屏幕尺団分成四种类型：

}

　　掌握LESS，必须先掌握LESS的编译因为LESS是CSS预处理语言的一种，是一种动态语言LESS可以运行在各种语言和环境中，包括浏览器端、服务器端等就因为是一种CSS预处理语言，所以需要编译下面为大家介绍一下编译的方法。　　浏览器端编译　　LESS可以在浏览器端不用編译直接使用在浏览器端使用LESS的时候，需要引入一个JS文件这个

}

在选择构建工具时看到更多人嶊荐gulp，从此入了gulp的坑～

百度谷歌一下就有了在终端中分别输入 node -v 和 npm -v，若显示node和npm的版本号则说明node环境装好了

linux下安装全局环境：

或cd进入项目目录下安装gulp到项目本地：

30 // 合并文件之后压缩代码

在终端执行下面的命令执行所有的任务

}