前端 - 使用vue-loader如何处理雪碧图合并？

问题描述

问 题

你们用vue-loader，怎么合并雪碧图？
我发现目前雪碧图插件都是通过css文件里的background属性来处理生成雪碧图。
但是如果我用vue-loader做了一个按钮的组件，我是不能把按钮图片地址当成变量传进<style>里的。
我只能通过v-bind:style来给<template>里的按钮html结构加上嵌入样式，嵌入样式又不能通过webpack提取到css文件里。
雪碧图插件处理不了，那应该怎么做呢？

解决方案

自问自答，我自己写了个plugin来处理

这篇关于前端 - 使用vue-loader如何处理雪碧图合并？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！