File tree Expand file tree Collapse file tree 1 file changed +3
-22
lines changed
Expand file tree Collapse file tree 1 file changed +3
-22
lines changed Original file line number Diff line number Diff line change @@ -56,6 +56,7 @@ Then create `postcss.config.js`:
5656``` js
5757module .exports = {
5858 plugins: [
59+ require (' postcss-smart-import' )({ skipDuplicates: true }),
5960 require (' precss' ),
6061 require (' autoprefixer' )
6162 ]
@@ -89,6 +90,7 @@ module.exports = {
8990 options: {
9091 plugins : function () {
9192 return [
93+ require (' postcss-smart-import' )({ skipDuplicates: true }),
9294 require (' precss' ),
9395 require (' autoprefixer' )
9496 ];
@@ -120,35 +122,14 @@ module.exports = {
120122 },
121123 postcss : function () {
122124 return [
125+ require (' postcss-smart-import' )({ skipDuplicates: true }),
123126 require (' precss' ),
124127 require (' autoprefixer' )
125128 ];
126129 }
127130}
128131```
129132
130- ### Autoprefixer
131-
132- We don’t recommend to put Autoprefixer’s browsers to plugin options.
133- Webpack ` css-loader ` contains ` cssnano ` . It uses Autoprefixer too.
134-
135- As result you will have different browsers in Autoprefixer
136- and CSS minification. At result, ` css-loader ` could clean some prefixes
137- in production.
138-
139- We recommend to put browsers in ` browserslist ` config in project root:
140-
141- ```
142- last 2 versions
143- ie 11
144- ```
145-
146- As result other tools (for example, Stylelint) will use same browsers settings.
147-
148- Also, [ please vote] for disable second Autoprefixer in ` css-loader ` .
149-
150- [ please vote ] : https://github.com/webpack/css-loader/issues/281
151-
152133## Options
153134
154135### Syntaxes
You can’t perform that action at this time.
0 commit comments