我正在使用npm脚本来完成所有前端任务,因为我不想使用gulp或grunt,或任何其他任务管理器。
有一个main.scss文件可以导入所有其他SCSS或CSS模块,我想把我所有的SCSS和CSS源代码编译,自动反射,压缩和“源映射”。
这些npm脚本正常工作,但突然之间,源图文件停止列出源代码,可能是由于更新后node-sass中的一个错误...
"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"
有没有好办法完成这项工作?使用node-sass和postcss似乎太复杂了......
答案 0 :(得分:1)
我使用以下命令解决了这个问题:
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
不像我想要的那样干净但是有效。