Closed dtvn closed 4 years ago
Can you show full PostCSS output? The error message with stack trace.
Sure, let me add detail.
I have update detail and add screenshot. Hope it help.
About the stack trace, I'm trying to learn debugging. It may take a while.
I think the problem is the plugins' order.
If I put it in this order
'postcss-easy-import': easyIm,
'postcss-mixins': { mixinsFiles: path.join(rootPath, 'mixins', '*.mjs') },
'postcss-functions': { glob: path.join(rootPath, 'funcs', '*.mjs') },
'postcss-nested-props': null, // Must be above postcss-nested
'postcss-nested': null
It will work fine. (I forgot where I read this note, the plugins of postcss are read in an up to down order. So this is my bad)
I've tested and it only works with
PreCSS
. But,postcss-nested-props
andpostcss-easy-import
aren't. Here is how my config:.postcssrc.js - config file for Gulp:
Case A.sss - no nested-props:
Output:
Case **B.sss - no import:
@import
ofpostcss-advanced-variables
. PostCSS will copy the whole@import 'yy'
to the final file.@import
ofpostcss-advanced-variables
. It will print this message:Output: I don't think I could find anything in call stack