使用sourcemaps和autoprefix

时间:2017-10-25 08:19:46

标签: node.js sass compression autoprefixer npm-scripts

我正在使用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似乎太复杂了......

1 个答案:

答案 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

不像我想要的那样干净但是有效。