Skip to content

Commit ee9ccc8

Browse files
Luis Alvarez DTimer
Luis Alvarez D
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

+4-4
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

+11
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)