Sass 使用源映射和自动前缀压缩 CSS
Sass to compressed CSS with sourcemaps and autoprefix
我正在使用 npm 脚本来完成我所有的前端任务，因为我不想使用 gulp 或 grunt，或任何其他任务管理器。
有一个 main.scss 文件可以导入所有其他 SCSS 或 CSS 模块，我想获取所有 SCSS 和 CSS 源代码编译、自动前缀、压缩和 "sourcemapped".
这些 npm 脚本正在运行，但突然，sourcemap 文件停止列出源，可能是由于更新后 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 似乎太复杂了...
我用这个命令解决了这个问题：
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
虽然没有我想要的那么干净，但它确实有效。
我正在使用 npm 脚本来完成我所有的前端任务，因为我不想使用 gulp 或 grunt，或任何其他任务管理器。
有一个 main.scss 文件可以导入所有其他 SCSS 或 CSS 模块，我想获取所有 SCSS 和 CSS 源代码编译、自动前缀、压缩和 "sourcemapped".
这些 npm 脚本正在运行，但突然，sourcemap 文件停止列出源，可能是由于更新后 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 似乎太复杂了...
我用这个命令解决了这个问题：
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
虽然没有我想要的那么干净，但它确实有效。