Skip to content

Commit f49565b

Browse files
authored
docs(cn): integrations/postcss translation (#16)
1 parent d783411 commit f49565b

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

integrations/postcss.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,22 @@
11
<Logo name="postcss" class="logo-float-xl"/>
22

3-
# Integration for [PostCSS](https://postcss.org/)
3+
# [PostCSS](https://postcss.org/) 集成 {#integration-for-postcss}
44

55
<PackageInfo name="postcss-windicss" author="antfu" />
66

7-
> 🧪 Experimental.
7+
> 🧪 实验性的。
88
9-
> ⚠️ Using this package is **discouraged** as there are some limitations of PostCSS's API. Use our [first-class integrations](https://windicss.org/guide/installation.html) for each dedicated framework/build tool to get **the best develop experience and performance**. This plugin should be your last option to integrate Windi CSS.
9+
> ⚠️ 因为一些 PostCSS API 的限制,我们并**不鼓励**使用这个包。我们为每一个专用工具提供了 [最佳的适配](https://windicss.org/guide/installation.html) 以获得**最佳的开发体验和性能**。这个插件应当作为你集成 Windi CSS 的最后一个选择。
1010
11-
## Install
11+
## 安装 {#install}
1212

13-
Install `postcss-windicss` from NPM
13+
从 NPM 安装 `postcss-windicss`
1414

1515
```bash
1616
npm i -D postcss-windicss
1717
```
1818

19-
Create `postcss.config.js` under your project root
19+
在你的项目根目录下创建 `postcss.config.js`
2020

2121
```js
2222
// postcss.config.js
@@ -27,14 +27,14 @@ module.exports = {
2727
}
2828
```
2929

30-
Add `@windicss` to your main css entry:
30+
`@windicss` 添加到你的 CSS 入口:
3131

3232
```css
3333
/* main.css */
3434
@windicss;
3535
```
3636

37-
Create `windi.config.js` / `windi.config.ts` under your project root with this configurations
37+
在你的项目根目录下创建 `windi.config.js` / `windi.config.ts` 并写入下面的配置
3838

3939
```js
4040
// windi.config.js
@@ -48,4 +48,4 @@ export default defineConfig({
4848
})
4949
```
5050

51-
And enjoy!
51+
用得开心~

0 commit comments

Comments
 (0)