## 使用gulp編譯less成css，并最終壓縮css ### 1。安裝gulp-less插件 npm install --save-dev gulp-less@4.0.1 //在根目錄下執行（下載less編譯插件） 4.0.1 ***** ### 2。在gulpfile.js中添加代碼 ``` var less = require('gulp-less'); gulp.task('myless',function(){ ? ?gulp.src('src/less/index.less') ? ? ? .pipe(less()) ? ?//編譯成為css ? ? ? .pipe(gulp.dest('build/css')) ? ?//輸出到指定目錄 }); ``` ### 3。到src/index.html中引入輸出目錄'build/css'下的css文件 ``` <link rel="stylesheet" href="css/index.css"> ``` ### 4。在項目目錄下命令行窗口中執行 gulp myless， 打開build目錄下的index.html就可以看到樣式了。