Skip to content

Commit 049a280

Browse files
feat: support postcss-modules
1 parent cb4c028 commit 049a280

File tree

9 files changed

+757
-831
lines changed

9 files changed

+757
-831
lines changed

README.md

Lines changed: 8 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -303,14 +303,12 @@ module.exports = {
303303

304304
### CSS Modules
305305

306-
To begin, you'll need to install `postcss-loader`, `postcss-icss-values`, `postcss-icss-selectors`, `postcss-icss-composes` and `postcss-icss-keyframes`:
306+
To begin, you'll need to install `postcss-loader` and `postcss-modules`:
307307

308308
```console
309-
$ npm install postcss-loader postcss-icss-values postcss-icss-selectors postcss-icss-composes postcss-icss-keyframes --save-dev
309+
$ npm install postcss-loader postcss-moduless --save-dev
310310
```
311311

312-
New `postcss` plugins for css modules use the [ICSS](https://github.com/css-modules/icss) specification.
313-
314312
**webpack.config.js**
315313

316314
```js
@@ -329,21 +327,12 @@ module.exports = {
329327
{
330328
loader: 'postcss-loader',
331329
options: {
332-
plugins: (loader) => [
333-
require('postcss-icss-values')(),
334-
require('postcss-icss-selectors')({
335-
mode: 'global', // Can be `local`
336-
generateScopedName: require('generic-names')({
337-
hashPrefix: '',
338-
context: loader.rootContext,
339-
})
340-
}),
341-
require('postcss-icss-composes')(),
342-
require('postcss-icss-keyframes')({
343-
generateScopedName: require('generic-names')({
344-
hashPrefix: '',
345-
context: loader.rootContext,
346-
})
330+
plugins: () => [
331+
// List of options https://github.com/css-modules/postcss-modules#usage
332+
require('postcss-modules')({
333+
// Can be 'global' or 'local',
334+
scopeBehaviour: 'local',
335+
getJSON() {},
347336
}),
348337
],
349338
},

0 commit comments

Comments
 (0)