尝试在 package.json 中运行 CSS 构建时出错

Question

我正在尝试在 bulma sass 教程中执行第 5 步：

https://bulma.io/documentation/customize/with-node-sass/

我这样设置我的 packge.json：

  "devDependencies": {
    "bulma": "^0.9.3",
    "node-sass": "^6.0.1",
    "css:build": "node-sass --omit-source-map-url sass/mystyles.scss css/mystyles.css",
    "css:watch": "npm run css:build -- --watch",
    "start": "npm run css:watch"
  }

  "scripts": { //this one is for running the React app
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

为了测试我的脚本，我运行命令

npm run css:build

但收到以下错误：

npm ERR! Missing script: "css:build"

如何更好地设置我的 CSS 构建脚本？

Answer 1

您将脚本添加到devDependencies而不是scripts 。 试试这个：

  "devDependencies": {
    "bulma": "^0.9.3",
    "node-sass": "^6.0.1",
    // React(-scripts) dependencies here
  }

  "scripts": { //this one is for running the React app
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "css:build": "node-sass --omit-source-map-url sass/mystyles.scss css/mystyles.css",
    "css:watch": "npm run css:build -- --watch"
  },

我摆脱了教程的start脚本，因为它只是css:watch脚本的别名，并且与您的原始start脚本发生冲突。