文档章节

webpack合并svg小文件,转为雪碧图

黑魔法
 黑魔法
发布于 2017/07/04 16:33
字数 55
阅读 110
收藏 0

var SVGSprites = require('svg-sprite-plugin')

 

 new SVGSprites({

      src: '../../static/vast/',

      log: 'info',

      sprites_conf: {

        'icons': {

          shape: {

            id: {

              separator:'-'

            }

          },

          mode: {

            css: {

              dest: config.staticPath + 'vast/css/',

              layout: "diagonal",

              sprite: 'sprite.svg',

              bust: false,

              render: {

                css: true

              }

            }

          }

        }

      }

    })

webpack合并svg小文件,转为雪碧图

© 著作权归作者所有

下一篇: Linux常用指令
黑魔法
粉丝 14
博文 178
码字总数 44775
作品 0
武汉
前端工程师
私信 提问
webpack中如何使用雪碧图

一、什么是雪碧图? CSS雪碧 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。 二...

程序员小哥哥
2018/11/10
0
0
webpack4.0各个击破(3)—— Assets篇

目录 转载http://www.cnblogs.com/dashnowords/p/9545476.html?utmsource=tuicool&utmmedium=referral 一. Assets资源的基本处理需求 二. webpack处理引用资源 作为前端最火的构建工具,是前...

大灰狼的小绵羊哥哥
2018/08/30
0
0
浅谈 Webpack 如何处理图片

从 webpack book 的 Loading Assets 一章中延申出来。 改善前端项目体验中,很重要的点就是静态资源的优化。它是由于浏览器客户端在同一时间针对同一域名的请求有一定资源限制。如果资源过多...

Yzz
05/14
0
0
24 个实例入门并掌握「Webpack4」(二)

继 24 个实例入门并掌握「Webpack4」(一) 后续: 九、JS Tree Shaking demo9 源码地址 什么是 Tree Shaking? 字面意思是摇树,项目中没有使用的代码会在打包的时候丢掉。JS 的 Tree Shaking...

Zsh
04/12
0
0
webpack4 系列教程(十): 图片处理汇总

多图预警!!! 此篇博文共 5 张图(托管在 ),国内用户请移步>>>原文. 或者来我的小站哦 0. 课程源码和资料 本次课程的代码目录(如下图所示): >>> 本节课源码 >>> 所有课程源码 本节课会讲述中...

godbmw
2018/09/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

gradle grovvy中的闭包

1. 无参数的闭包 //这b1就是一个闭包def b1={ println "hello b1"}//定义方法,包含闭包类型的参数def method1(Closure closure){closure()}//执行method1method1(b1) 执行结果 ...

edison_kwok
12分钟前
0
0
基于Spring Boot + Dubbo的全链路日志追踪(一)

一、 概要 当前公司后端整体架构为:Spring Boot + Dubbo。由于早期项目进度等原因,对日志这块没有统一的规范,基本上是每个项目自己管自己的日志。这也对后面的问题排查带来了很大的困难,...

明天以后
今天
6
0
安装fastdfs文件服务器步骤

1、安装libfastcommon wget https://github.com/happyfish100/libfastcommon/archive/master.zip 解压后安装 cd fastcommon-master ./make.sh ./make.sh install 2、安装 FastDFS,从sourcef......

lsjlgo
今天
3
0
MySQL 5.7 免安装版配置

下载地址:https://dev.mysql.com/downloads/mysql/ 安装步骤 1.下载zip解压到目录下 2.配置环境变量 新建系统变量:MYSQL_HOME,值:D:\DevelopmentTool\Mysql-5.7.26-winx64 修改path变量:...

华山猛男
今天
6
0
java map的遍历

//从大的角度可以分为两类Set<String> set=map.keySet();这里面还可以分为3类, 从set的角度来分 //Set<Map.Entry<String, String>> entery=map.entrySet(); public class Test { public sta......

南桥北木
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部