Skip to content

Commit ee9ccc8

Browse files
Luis Alvarez DTimer
andcommitted
Updated PostCSS docs and added a link to it (vercel#10292)
* Updated PostCSS docs and added a link to it * Added note back * Update customizing-postcss-config.md Co-authored-by: Joe Haddad <timer150@gmail.com>
1 parent 3720312 commit ee9ccc8

File tree

2 files changed

+15
-4
lines changed

2 files changed

+15
-4
lines changed

docs/advanced-features/customizing-postcss-config.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -54,8 +54,8 @@ You can learn more about [Next.js' CSS Module support here](/docs/basic-features
5454

5555
## Customizing Plugins
5656

57-
> **Warning**: When you define a custom PostCSS configuration file, Next.js **completely disables** the defaults listed above.
58-
> Be sure to manually configure all features you need compiled, including [Autoprefixer](https://github.com/postcss/autoprefixer).
57+
> **Warning**: When you define a custom PostCSS configuration file, Next.js **completely disables** the [default behavior](#default-behavior).
58+
> Be sure to manually configure all the features you need compiled, including [Autoprefixer](https://github.com/postcss/autoprefixer).
5959
6060
To customize the PostCSS configuration, create a `postcss.config.json` file in the root of your project.
6161

@@ -110,10 +110,10 @@ module.exports = {
110110
}
111111
```
112112

113-
Do **not use `require()`** to import the PostCSS Plugins. Plugins must be provided as strings.
114-
115113
> **Note**: Next.js also allows the file to be named `.postcssrc.js`.
116114
115+
Do **not use `require()`** to import the PostCSS Plugins. Plugins must be provided as strings.
116+
117117
> **Note**: If your `postcss.config.js` needs to support other non-Next.js tools in the same project, you must use the interoperable object-based format instead:
118118
>
119119
> ```js

docs/basic-features/built-in-css-support.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -165,3 +165,14 @@ To support importing `.scss`, `.sass`, `.less`, or `.styl` files you can use
165165
- [@zeit/next-sass](https://github.com/zeit/next-plugins/tree/master/packages/next-sass)
166166
- [@zeit/next-less](https://github.com/zeit/next-plugins/tree/master/packages/next-less)
167167
- [@zeit/next-stylus](https://github.com/zeit/next-plugins/tree/master/packages/next-stylus)
168+
169+
## Related
170+
171+
For more information on what to do next, we recommend the following sections:
172+
173+
<div class="card">
174+
<a href="/docs/advanced-features/customizing-postcss-config.md">
175+
<b>Customizing PostCSS Config:</b>
176+
<small>Extend the PostCSS config and plugins added by Next.js with your own.</small>
177+
</a>
178+
</div>

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy