使用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文档中说你必须使用 --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 。

输出样式

• 类型：字符串
• 默认： 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 repo 的文档中找到https://github.com/sass/node-sass#outputstyle

Answer 3

由于 LibSass 和 Node Sass已被弃用，请
使用Dart-SASS 包：npm install --save-dev sass

_package.json

{
  "scripts": {
    "scss": "sass --style=compressed --watch src/scss:public/css"
  },
  "dependencies": {
    "npm": "^6.13.1"
  },
  "devDependencies": {
    "sass": "^1.32.7"
  }
}

要运行它并观察对文件的更改，请在终端中运行：

npm run scss 

给定一个文件夹结构，如：

_{? package.json
? public
? ?? ? 缩小和压缩 ? ? ?? css
? style.css
? src
? scss
? style.scss}