# ice-skin-loader

> ice skin loader

Latest version **0.3.2** (published 2021-03-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install ice-skin-loader
pnpm add ice-skin-loader
yarn add ice-skin-loader
bun add ice-skin-loader
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.2 |
| Published | 2021-03-11 |
| First published | 2018-02-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 29.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | ICE Team |
| Maintainers | zeroling, sobear, noyobo, clarkxia, chenbin93, rax-publisher |
| Keywords | ice |

## Links

- npm: https://www.npmjs.com/package/ice-skin-loader
- npm.io page: https://npm.io/package/ice-skin-loader

## Dependencies (4)

- [chalk](https://npm.io/package/chalk.md) ^2.4.1
- [tinycolor2](https://npm.io/package/tinycolor2.md) ^1.4.1
- [loader-utils](https://npm.io/package/loader-utils.md) ^2.0.0
- [@icedesign/skin](https://npm.io/package/@icedesign/skin.md) ^0.1.13

## Recent versions

- 0.3.2 (latest) — 2021-03-11
- 0.3.2-beta.1 (beta) — 2021-03-10
- 0.3.1-beta.12 — 2021-03-08
- 0.3.1-beta.11 — 2021-03-04
- 0.3.1-beta.10 — 2021-02-22
- 0.3.1-beta.9 — 2021-02-19
- 0.3.1-beta.8 — 2021-02-05
- 0.3.1-beta.7 — 2021-02-04
- 0.3.1-beta.6 — 2021-01-28
- 0.3.1-beta.5 — 2021-01-28
- 0.3.1-beta.4 — 2021-01-26
- 0.3.1-beta.3 — 2021-01-26
- 0.3.1-beta.2 — 2021-01-25
- 0.3.1 — 2021-01-14
- 0.3.1-beta.1 — 2021-01-14
- … 17 more at https://npm.io/package/ice-skin-loader/versions

## README

# ice-skin-loader

定制 ICE 主题：

- 根据 `themeFile` 获取对应的 sass 变量覆盖默认的组件变量
- 根据 `themeConfig` 自定义变量
  - 根据 `primary-color` `secondary-color` 计算出相关的品牌色
  - 根据 `icon-font-path`, `icon-font-name`, `font-custom-path` 实现图标和字体本件的本地化
  - 根据 nextPrefix 实现更改 next 1.x 的 css 前缀
  - 其他单个变量覆盖

## 使用

```js
{
  loader: require.resolve('ice-skin-loader'),
  options: {
    themeFile: path.join(appName, `variables.scss`),
    themeConfig: {
      nextPrefix: 'nextfd-',
      primaryColor: 'green',
      secondaryColor: 'green',
      // 原始 scss 变量
      'font-size-body-1': '14px'
    }
  }
};
```

---
_Source: https://npm.io/package/ice-skin-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._