Sass zu komprimiertem CSS mit Quellkarten und Autoprefix

Question

Ich benutze Npm-Skripte, um alle meine Front-End-Aufgaben zu erledigen, weil ich nicht gulp oder grunt oder irgendeinen anderen Task-Manager verwenden möchte.

Es gibt eine main.scss-Datei, die alle anderen SCSS- oder CSS-Module importiert und ich möchte meinen gesamten SCSS- und CSS-Quellcode kompiliert, autoprefixiert, komprimiert und "quellmapped" erhalten.

dieses Diese npm Skript arbeitete, aber plötzlich stoppte die sourcemap Datei, um die Quellen Auflistung, vielleicht aufgrund eines Fehlers in der Knoten sass nach der Aktualisierung ...

"build:styles": "node-sass --source-map-embed --source-map-root file://${PWD}/ --output-style expanded html/assets/src/styles/main.scss | postcss -u autoprefixer -b 'latest 2 versions' -o html/assets/styles/main.css --map html/assets/styles/main.css.map && cleancss html/assets/styles/main.css -o html/assets/styles/main.min.css" 

Gibt es ein guter Weg, zu erhalten erledigt? Mit Knoten sass, und postcss scheint zu kompliziert ...

Answer 1

Ich löste dies mit diesen Befehlen:

node-sass --output-style expanded html/assets/src/styles/main.scss html/assets/styles/main.css --source-map html/assets/styles/main.css.map && postcss -u autoprefixer -b 'latest 2 versions' -o html/assets/styles/main.min.css < html/assets/styles/main.css && cleancss html/assets/styles/main.css -o html/assets/styles/main.min.css 

nicht so sauber, wie ich es, aber es funktioniert sein wollte.