使用Node-sass缩小CSS

Question

我在我的NodeJS项目中使用SCSS并让我的脚本使用以下命令将所有单独的SCSS文件转换为单个CSS文件

node-sass -w public/css/scss/style.scss public/css/style.css

我唯一的问题是我也希望缩小CSS文件。这可能与Node-sass一起使用吗？文档说有一个“紧凑”的选项，但是当我尝试时它似乎不起作用

node-sass -w compact public/css/scss/style.scss public/css/style.css

预先感谢您的任何帮助。

Answer 1

在node-sass documentation说你必须使用--output-style，它可能是nested | expanded | compact | compressed。要缩小使用compressed

例如：

node-sass -w public/css/scss/style.scss public/css/style.css --output-style compressed

将缩小CSS。

Answer 2

node-sass支持使用--output-style参数输出缩小的CSS。

outputStyle

• 类型：字符串
• 默认值：nested
• 价值观：nested，expanded，compact，compressed

安装node-sass npm包之后。我将build-css行添加到我的package.json文件中。

  "scripts": {
    "build-css": "node-sass --include-path scss scss/main.scss   public/css/main.css --output-style compressed",
  },

然后我只需要为/scublic/main.scss文件中的内容键入npm run build-css，将其转换为/public/css/main.min.css中的压缩（缩小）css

更多信息可以在node-sass Github repo的文档https://github.com/sass/node-sass#outputstyle中找到