使用 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

预先感谢您的任何帮助。

原文由 Matt Leach 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

例如：

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

将缩小 CSS。

原文由 vretamal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

输出样式

• 类型：字符串
• 默认值： 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",
  },

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

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

原文由 TidyDev 发布，翻译遵循 CC BY-SA 4.0 许可协议