From 38cfed184a9fc2abdf29c3f4e7f3a32e1d5e26d8 Mon Sep 17 00:00:00 2001 From: sunft <35865208+sunft1996@users.noreply.github.com> Date: Sun, 24 May 2020 17:42:48 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9readme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.CN.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.CN.md b/README.CN.md index b0e10e2..46d29a0 100644 --- a/README.CN.md +++ b/README.CN.md @@ -62,7 +62,7 @@ module.exports = { ## 使用 -修改你的 CSS/SCSS/SASS/LESS 文件 +修改图片名以 **_sprite.png** 结尾,并在css中引入它 ``` .my_bg_1{ @@ -79,7 +79,7 @@ module.exports = { background-size: 150px 150px; } ``` -雪碧图生成后,loader会修改css中background属性,为了准确计算转化后的background属性,请你遵循以下规范: +只要你遵循以下规范,loader会在css中引入生成的雪碧图作为新的背景图,并替换background-size、background-position等属性。 属性名 | 是否必填 | 说明 @@ -97,4 +97,4 @@ background-repeat | false| 不要填no-repeat以外的值 ## License -[MIT](https://github.com/sunft1996/sprite-smith-loader/blob/master/LICENSE) \ No newline at end of file +[MIT](https://github.com/sunft1996/sprite-smith-loader/blob/master/LICENSE) From 21329a0817debe2430bcd973e713315392d6cf56 Mon Sep 17 00:00:00 2001 From: sunft <35865208+sunft1996@users.noreply.github.com> Date: Sun, 24 May 2020 18:15:49 +0800 Subject: [PATCH 2/2] Update README.CN.md --- README.CN.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.CN.md b/README.CN.md index 46d29a0..9e43c6c 100644 --- a/README.CN.md +++ b/README.CN.md @@ -4,7 +4,7 @@ ![image](https://img.shields.io/badge/license-MIT-green) ![image](https://img.shields.io/badge/webpack-%5E4.0.0-blue) ## 介绍 -sprite-smith-loader是一款自动生成雪碧图工具,你可以在webpack中使用它,它会自动生成雪碧图并修改相应的css代码。 +sprite-smith-loader是一款自动生成雪碧图工具,你可以在webpack中使用它,它会遍历css中以_sprite.png结尾的图片并自动生成雪碧图,然后修改相应的css代码。 支持**CSS**、**SASS**、**LESS**。 ## 安装