早午餐：为什么它在生产中为 CSS 创建 sourceMap

Question

我有以下配置

package.json

{
  "name": "test",
  "version": "1.0.0",
  "scripts": {
    "start": "brunch watch --server",
    "prod": "rm -rf public/ && brunch build --production"
  },
  "devDependencies": {
    "brunch": "^2.10.12",
    "cssnano": "^3.10.0",
    "postcss-brunch": "^2.1.0"
  }
}

早午餐-config.js

module.exports = {
  files: {
    stylesheets: {
      joinTo: 'app.css'
    }
  }
};

和简单的CSS文件

body {
  background: green;
}

问题是我想在开发中为 CSS 使用 sourceMaps，但在生产中不使用。文档说这是默认行为，但是当我使用 brunch build --production 时，输出中仍然有 sourceMaps。

Answer 1

以防万一有人需要这个，这里是脏修复

package.json

{
  "scripts": {
    "build": "rm -rf public && brunch build --production && sed -i -r ':a; s%(.*)/\*.*\*/%\1%; ta; /\/\*/ !b; N; ba' public/*.css"
  },
}

早午餐：为什么它在生产中为 CSS 创建 sourceMap

Brunch: why it creates sourceMap in production for CSS

css

source-maps

brunch

postcss