|
11 | 11 | cssnext is a CSS transpiler that allows you to use the latest CSS syntax today. |
12 | 12 | It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support. |
13 | 13 |
|
14 | | -**This repository contains the PostCSS plugin.** |
| 14 | +--- |
| 15 | + |
| 16 | +# This repository contains the PostCSS plugin. |
| 17 | + |
| 18 | +## Why **postcss-cssnext** ? What is the difference with **cssnext** ? |
| 19 | + |
| 20 | +cssnext was at first designed to be a complete tool, before PostCSS became |
| 21 | +popular and so includes some options that does not really belong in a PostCSS |
| 22 | +plugin (options like `import`, `url`, `compress`, `plugins`). |
| 23 | +This days, most people use PostCSS directly so we decided to make integration of |
| 24 | +cssnext more simple by providing a simple (real) plugin. |
| 25 | + |
| 26 | +If you were using cssnext with some options here is what you need to know: |
| 27 | + |
| 28 | +- `import`: just add in your plugins list |
| 29 | + [postcss-import](https://github.com/postcss/postcss-import) |
| 30 | +- `url`: just add in your plugins list |
| 31 | + [postcss-url](https://github.com/postcss/postcss-url) |
| 32 | +- `compress`: just add in your plugins list |
| 33 | + [cssnano](https://github.com/ben-eb/cssnano) |
| 34 | +- `plugins`: just add the plugins directly in your list |
| 35 | +- `messages`: see |
| 36 | + [postcss-reporter](https://github.com/postcss/postcss-reporter) |
| 37 | + and |
| 38 | + [postcss-browser-reporter](https://github.com/postcss/postcss-browser-reporter) |
| 39 | +- `sourcemap`, `map`, `to`, `from`: see |
| 40 | + [PostCSS source map documentation](https://github.com/postcss/postcss#source-map) |
| 41 | + |
| 42 | + |
| 43 | +## But I like cssnext as it was ! |
| 44 | + |
| 45 | +_Don't worry. That's why we created another package._ |
| 46 | +**cssnext** package will have a major release soon in order to introduce a minor |
| 47 | +but breaking changes in the Node.js API, but you will get the same tool as |
| 48 | +before. |
| 49 | +The nice thing is: **cssnext** will use **postcss-cssnext** under the hood. |
15 | 50 |
|
16 | 51 | --- |
17 | 52 |
|
|
0 commit comments