用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

在节点-sass文档中，您必须使用--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

节点-sass支持输出带有--output-style参数的缩小的CSS。

outputStyle

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

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

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

然后，我只需键入，就可以将/scss/main.scss文件中的内容转换为/public/ css /main.min.css中的压缩(小型化)css。

更多信息可以在节点sass Github repo的文档中找到，这里是https://github.com/sass/node-sass#outputstyle。

Answer 3

"scss": "node-sass --watch scss -o app/css"为我做这件事