zoukankan      html  css  js  c++  java
  • gulp前端自动化入门

    一、从零开始搭建gulp前端自动化

    1、首先安装nodejs

    2、npm init 初始化 生成package.json

      2.1 可以选装cnpm cnpm是淘宝提供的服务 安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org;  注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;

    2、定位到当前目录 cd..   d:   我在d盘新建了文件夹gulp

    3、npm install --save-dev gulp  安装gulp

    4、新建gulpfile.js  需要安装npm install --save-dev gulp-less  | npm install --save-dev gulp-uglify | npm install --save-dev gulp-autoprefixer

    var gulp = require("gulp"),
    	less = require("gulp-less"),
    	uglify = require("gulp-uglify"),
    	autoprefixer = require("gulp-autoprefixer");
    
    	gulp.task('testLess',function(){
    		gulp.src('src/less/index.less')
    		.pipe(less())
    		.pipe(gulp.dest('src/css'));
    	});
    	//gulp.task('default',['testLess','elseTask']);
    	gulp.task('jsMin',function(){
    		gulp.src(['src/js/*.js'])
    		.pipe(uglify())
    		.pipe(gulp.dest('dist/js'));
    	});
    	gulp.task('testAutoFx',function(){
    		gulp.src(['src/css/my.css'])
    		.pipe(autoprefixer({
    			browsers:['last 2 versions','Android >=4.0'],
    			cascade:true,
    			remove:true
    		}))
    		.pipe(gulp.dest('dist/css'))
    	});
    

    gulp testLess

    参考文章http://www.ydcss.com/

  • 相关阅读:
    cocos2d-x 3.0 事件分发机制
    cocos2d-x Schedule详解
    OSG设置警告等级
    OSG四元数与欧拉角之间的转换
    编译OSG_FBX插件
    RakNet发送与接收数据
    RakNet基本教程
    IE不能上网,但是其他浏览器可以
    OSG计时器与时间戳
    添加OSG各种事件处理器
  • 原文地址:https://www.cnblogs.com/junwu/p/5885185.html
Copyright © 2011-2022 走看看