美文网首页
less编译模块插件

less编译模块插件

作者: 木易先生灬 | 来源:发表于2018-10-20 00:02 被阅读0次

    less编译模块插件---------------------------------------------
    4-1. 查找模块 gulp-less

    4-2. 安装less编译模块
    npm install gulp-less

    4-3. 引入less编译模块
    var less=require("gulp-less");

    4-4. 配置任务

    gulp.task("default",function() {
        //less编译任务的代码
        gulp.src('./src/less/index.less') //less源文件
            .pipe(less({
                   paths: [ path.join(__dirname, 'less', 'includes') ]
               })) //执行less方法编译less和路径的拼接
               .pipe(gulp.dest('./dist/css')); //css样式的输出路径
       });
    

    4-5. 执行任务
    gulp default

    相关文章

      网友评论

          本文标题:less编译模块插件

          本文链接:https://www.haomeiwen.com/subject/sclpzftx.html