首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏达摩兵的技术空间

    gulp常用插件 一

    ,function(){ return gulp.src('src/images/*') .pipe(imgmin()) .pipe(gulp.dest("dist/images"))}) gulp-autoprefixer 模块地址:https://www.npmjs.com/package/gulp-autoprefixer 安装 $ npm install gulp-autoprefixer --save-dev

    1.1K20发布于 2018-08-28
  • 来自专栏开源部署

    gulp之自动化静态资源压缩合并加版本号

    gulp-uglify'), //js压缩 gulp-imagemin //压缩图片 gulp-htmlmin //压缩html gulp-clean //清空文件夹 gulp-rev //更改版本名 md5后缀 gulp-autoprefixer require('gulp-clean'),    //清空文件夹     rev = require('gulp-rev'),    //更改版本名 md5后缀     autoFx = require('gulp-autoprefixer

    1.3K10编辑于 2022-07-13
  • 来自专栏coding个人笔记

    gulp压缩静态项目

    npm init -y 安装依赖: npm i @babel/preset-env @babel/core gulp gulp-uglify gulp-htmlmin gulp-minify-css gulp-autoprefixer = require("gulp-htmlmin"); let minifycss = require("gulp-minify-css"); let autoprefixer = require("gulp-autoprefixer

    63330发布于 2021-11-05
  • 来自专栏小古哥的博客园

    gulp的安装和使用

    (如第五步配置完成,此步忽略) npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint 2 * gulp 3 * $ npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint require('gulp'),//加载gulp 7 sass = require('gulp-sass'),//编译sass 8 autoprefixer = require('gulp-autoprefixer

    1.6K50发布于 2018-03-08
  • 来自专栏老马寒门IT

    05-移动端开发教程-CSS3兼容处理

    $ npm init -y # 初始化项目的npm配置文件 $ npm i -S gulp # 安装gulp到本地项目(仅开发时使用,S大写) $ npm i -S gulp-autoprefixer # 安装gulp-autoprefixer插件(为css3属性添加前缀) $ npm i -S gulp-rename # gulp的重命名插件 第四步:在项目根目录下创建一个名为 gulpfile.js 的文件 var gulp = require('gulp'), // 引用gulp autoprefixer = require('gulp-autoprefixer'), // 添加引用前缀的

    2.2K120发布于 2018-04-02
  • 来自专栏前端之旅

    「译」Flexbox 基本原理

    npm install gulp -g 安装 gulp 和 gulp-autoprefixer 作为项目的依赖性: ? npm install gulp --save-dev ? npm install gulp-autoprefixer --save-dev 它们会出现在 package.json 文件的 devDependencies 键下。 touch gulpfile.js 添加下面内容 [9]: //gulpfile.js var gulp = require('gulp'); var autoprefixer = require('gulp-autoprefixer 2 versions'], cascade: false })) .pipe(gulp.dest('build')); }); gulp 从 styles.css 中提取内容并通过 gulp-autoprefixer

    2.6K30发布于 2019-11-08
  • 来自专栏前端儿

    前端自动化工具 -- Gulp 使用简介

    下面统一介绍几个常见的 插件,更详细用法可以到对应官方站点查看API sass的编译(gulp-ruby-sass) 自动添加css前缀(gulp-autoprefixer) 压缩css(gulp-minify-css require var gulp = require('gulp'), sass = require('gulp-ruby-sass'), autoprefixer = require('gulp-autoprefixer

    1.6K21发布于 2018-09-03
  • 来自专栏零域Blog

    Gulp构建实例

    管理的项目路径,如 /gulp 再安装一遍 $ npm install gulp --save-dev 安装 gulp 插件 $ npm install --save-dev gulp-ruby-sass gulp-autoprefixer gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del sass的编译 (`gulp-ruby-sass`) 自动添加css前缀(`gulp-autoprefixer

    2.4K40编辑于 2022-03-22
  • 来自专栏IMWeb前端团队

    精通gulp常用插件

    /dist')) JS/CSS自动注入 gulp-autoprefixer 描述:自动为css添加浏览器前缀。 var autoprefixer = require('gulp-autoprefixer'); gulp.src('.

    1.5K20发布于 2019-12-05
  • 来自专栏前端开发

    基于gulp的前端自动化方案

    "0.0.0", "private": true, "dependencies": {}, "devDependencies": { "gulp": "^3.9.1", "gulp-autoprefixer gulp-clean-css'),//压缩css imagemin = require('gulp-imagemin'),//压缩图片 autoprefixer = require('gulp-autoprefixer

    1.3K60发布于 2018-10-25
  • 来自专栏趣谈前端

    9012教你如何使用gulp4开发项目脚手架

    include的方式导入公共部分 gulp-connect ——用于启动本地服务器 gulp-clean ——清理目录 gulp-uglify --压缩js gulp-minify-css ——压缩css gulp-autoprefixer // 压缩css const Less = require('gulp-less'); // 编译less const Autoprefixer = require('gulp-autoprefixer dependencies": { "@babel/core": "^7.4.5", "babel-preset-es2015": "^6.24.1", "gulp": "^4.0.2", "gulp-autoprefixer

    1.7K10发布于 2019-08-09
  • 来自专栏零域Blog

    我的前端工作流

    browser-sync": "^2.12.5", "coffee-script": "^1.10.0", "del": "^2.2.0", "gulp": "^3.9.1", "gulp-autoprefixer = require('gulp-html-extend') minifyHTML = require('gulp-minify-html') autoprefixer = require('gulp-autoprefixer

    1.2K10编辑于 2022-03-22
  • 来自专栏踏浪的文章

    Gulp使用指南

    gulp-cssmin -D => 导入: const cssmin = require('gulp-cssmin') => 导入以后得到一个处理流文件的函数 => 直接再管道函数里面执行就好了 2. gulp-autoprefixer => 下载: npm i gulp-autoprefixer -D => 导入: const autoPrefixer = require('gulp-autoprefixer') =>

    1.3K10发布于 2021-06-09
  • 来自专栏IMWeb前端团队

    精通gulp常用插件

    /dist')) JS/CSS自动注入 gulp-autoprefixer 描述:自动为css添加浏览器前缀。 var autoprefixer = require('gulp-autoprefixer'); gulp.src('.

    1.6K90发布于 2018-01-08
  • 来自专栏进击的Coder

    腾讯云主机上测试BootStrap4编译FlexBox

    babel-preset-es2015": "^6.16.0", "babel-register": "^6.18.0", "del": "^2.2.2", "gulp": "^3.9.1", "gulp-autoprefixer babel-preset-es2015": "^6.16.0", "babel-register": "^6.18.0", "del": "^2.2.2", "gulp": "^3.9.1", "gulp-autoprefixer gulp-sass'; import sourcemaps from 'gulp-sourcemaps'; import del from 'del'; import autoprefixer from 'gulp-autoprefixer

    2.7K00发布于 2017-03-30
  • 来自专栏京程一灯

    CSS Flexbox 可视化手册 [每日前端夜话(0x1E)]

    安装 gulp 和 gulp-autoprefixer 作为项目依赖项: ? 它们将会出现在 package.json文件中的 devDependencies下。 gulp会从 styles.css中提取内容并通过 gulp-autoprefixer传递它。 处理结果会保存在build文件夹下。 Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax) Gulp (https://gulpjs.com/) Gulp Autoprefixer (https://www.npmjs.com/package/gulp-autoprefixer

    4.2K20发布于 2019-03-27
  • 来自专栏静晴轩

    Gulp折腾之路(III)

    gulp-autoprefixer:Prefix CSS gulp.task('autoprefixer', function () { return gulp.src( ['src/css/* > 10'], cascade: false })) .pipe(gulp.dest( basePath + 'css/' )); }); 使用gulp-autoprefixer

    1.4K50发布于 2018-03-27
  • 来自专栏游戏开发之旅

    gulp的使用

    将下面需要安装的依赖复制到package.json文件中 "devDependencies": { "browser-sync": "^2.24.4", "gulp": "^3.9.1", "gulp-autoprefixer

    1.7K20发布于 2020-08-14
  • 来自专栏老马寒门IT

    05-移动端开发教程-CSS3兼容处理

    i -g gulp 第三步:在项目根目录下创建一个名为 gulpfile.js 的文件 var gulp = require('gulp'); var autoprefix = require('gulp-autoprefixer

    1.9K60发布于 2018-01-02
  • 来自专栏前端知识分享

    第130天:移动端-rem布局

    concat = require('gulp-concat'); 3 var uglify = require('gulp-uglify'); 4 var autoprefixer = require('gulp-autoprefixer

    1.8K40发布于 2018-09-11
领券