File tree Expand file tree Collapse file tree 1 file changed +14
-2
lines changed Expand file tree Collapse file tree 1 file changed +14
-2
lines changed Original file line number Diff line number Diff line change 1818
1919## Usage
2020
21+ Install ` postcss-loader ` :
22+
23+ ``` js
24+ npm install postcss- loader -- save- dev
25+ ```
26+
2127Set ` postcss ` section in webpack config:
2228
2329``` js
@@ -39,6 +45,12 @@ module.exports = {
3945}
4046```
4147
48+ > This example implementation uses two plugins that may need to be installed:
49+ > ```
50+ > npm install autoprefixer --save-dev
51+ > npm install precss --save-dev
52+ > ```
53+
4254Now your CSS files requirements will be processed by selected PostCSS plugins:
4355
4456```js
@@ -65,7 +77,7 @@ If there is the need, this will let you access to webpack loaders API.
6577## Plugins Packs
6678
6779If you want to process different styles by different PostCSS plugins you can
68- define plugin packs in ` postcss ` section and use them by ` ?pack=name ` parameter.
80+ define plugin packs in ` postcss ` section and use them by ` ?pack=name ` parameter.
6981
7082``` js
7183module .exports = {
@@ -93,7 +105,7 @@ module.exports = {
93105## Integration with postcss-import
94106
95107When using [ postcss-import] plugin, you may want to tell webpack about
96- dependencies coming from your ` @import ` directives.
108+ dependencies coming from your ` @import ` directives.
97109For example: in watch mode, to enable recompile on change.
98110
99111Here is a simple way to let know postcss-import to pass files to webpack:
You can’t perform that action at this time.
0 commit comments