【问题标题】:Sass to compressed CSS with sourcemaps and autoprefixSass 到带有源映射和自动前缀的压缩 CSS
【发布时间】:2018-04-06 05:54:21
【问题描述】:

我正在使用 npm 脚本来完成所有前端任务,因为我不想使用 gulp 或 grunt 或任何其他任务管理器。

有一个 main.scss 文件可以导入所有其他 SCSS 或 CSS 模块,我想编译、自动添加前缀、压缩和“源映射”我的所有 SCSS 和 CSS 源代码。

这些 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.js sass compression autoprefixer npm-scripts


    【解决方案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
    

    没有我想要的那么干净,但它可以工作。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-03-24
      • 1970-01-01
      • 2022-08-17
      • 2014-12-24
      • 2017-02-06
      • 2023-03-26
      • 2016-02-27
      • 2016-02-19
      相关资源
      最近更新 更多