parcel build fails with "semantic.min.css:undefined:undefined: decl.moveTo is not a function"

[devmao]

🐛 bug report

I'm using Semantic-UI-React and the build fails. In dev, it's working fine.

In my index.js, I'm importing the Semantic CSS file as follow:

import 'semantic-ui-css/semantic.min.css'

🎛 Configuration (.babelrc, package.json, cli command)

My .babelrc:

{
  "presets": ["env", "react"],
  "plugins": [
    "transform-object-rest-spread",
    "transform-class-properties",
    "react-hot-loader/babel"
  ]
}

🤔 Expected Behavior

The build should not failed!

😯 Current Behavior

The build fails with this error:

×  C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\semantic-ui-css\semantic.min.css:undefined:undefined: decl.moveTo is not a function
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\semantic-ui-css\semantic.min.css:19:919
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\semantic-ui-css\semantic.min.css:19:928
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\postcss-merge-rules\dist\index.js:246:22
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:135:18
    at Rule.each (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:101:16)
    at Rule.walk (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:131:17)
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\postcss-merge-rules\dist\index.js:242:18
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:239:18
    at C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:135:18
    at Root.each (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:101:16)
    at Root.walk (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:131:17)
    at Root.walkRules (C:\Users\mapu\dev\my\ilapak-hmi-electron\node_modules\parcel-bundler\node_modules\postcss\lib\container.js:237:19)

💁 Possible Solution

A downgrade of Semantic-UI or Parcel(?)

🔦 Context

I'm importing Sementic-UI-CSS as described in Sementic-UI documentation

💻 Code Sample

import 'semantic-ui-css/semantic.min.css'

🌍 Your Environment

| Software | Version(s) |
| ---------------- | ---------- |
| Parcel | 1.11.0
| Node | 10.14.0
| npm/Yarn | 6.4.1
| Operating System | Windows 10
| Sementic-UI | 0.84.0

[DeMoorJasper]

Might be a cssnano bug, does it work with --no-minify?

[devmao]

Yes, works with --no-minify. I guess it's a dep issue:

`-- [email protected]
  +-- [email protected]
  | `-- [email protected]
  |   `-- [email protected]
  `-- [email protected]
    `-- [email protected]
      `-- [email protected]

[email protected] uses an old version of postcss-merge-rules.

[DeMoorJasper]

@devmao would be great if you could experiment a little and update the htmlnano dep manually to test it.

[devmao]

The latest htmlnano (0.2.2) uses the same cssnano (^4.1.8) of parcel-bundler. So, an htmlnano upgrade to 0.2.2 should fix this issue.

[mischnic]

@devmao Was this fixed by your PR?