我的脚本只给出了一行最终的CSS代码

我有一个类似这样的JSON文件

 {
  "name": "Loopstudios",
  "version": "1.0.0",
  "description": "Loopstudios webpage",
  "main": "index.js",
  "scripts": {
    "watch:sass": "sass sass/main.scss css/style.css -w",
    "devserver": "live-server --browser=firefox",
    "start": "npm-run-all --parallel devserver watch:sass",
    "compile:sass": "sass sass/main.scss css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b \"last 10 versions\" css/style.comp.css -o css/style.prefix.css",
    "compress:css": "sass css/style.prefix.css css/style.css --style compressed",
    "build:css": "npm-run-all compile:sass prefix:css compress:css"
  },
  "author": "Utku",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^7.1.4",
    "concat": "^1.0.3",
    "npm-run-all": "^4.1.1",
    "postcss-cli": "^4.1.1",
    "sass": "^1.32.12"
  }
}

当我运行build:css时，它会给我一行类似这样的css代码

以前它会发出一行行代码，但现在所有代码都只限于一行。为什么呢？它还提供了两个.map文件，这是正常的，在我看来是不必要的

我想要这样的

---

build就是这么做的。你想做什么？？？！我想把它们分成多行。不只是一行。这两个图像之间的区别在于，在第一个图像上IDE不换行，而在第二个图像上它换行。压缩CSS是在页面加载时降低下载数据量的方法。我不知道这有什么问题。成千上万的网站都有一行CSS服务于数百万的浏览器。我想没关系：）。在

压缩：css

命令中添加

--无源代码映射

标志。

.map

文件在技术上对于生产是不必要的。它们只在调试开发版本时有用，因为它们在检查devtools中的内容时为CSS提供源位置。