Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用npm watch配置响应以监视css文件中的更改_Reactjs_Npm_Tailwind Css - Fatal编程技术网

Reactjs 如何使用npm watch配置响应以监视css文件中的更改

Reactjs 如何使用npm watch配置响应以监视css文件中的更改,reactjs,npm,tailwind-css,Reactjs,Npm,Tailwind Css,我已安装react和tailwind,无法将npm watch配置为监视css文件。如果我改变js文件是可以的,但不是css 这是我的package.json。我尝试了许多不同的配置方法,但没有成功 "watch": { "css": { "patterns": [ "src/styles"], "extenstions": "css", "runOnChangeOnly": false, "quiet":true },

我已安装react和tailwind,无法将npm watch配置为监视css文件。如果我改变js文件是可以的,但不是css

这是我的package.json。我尝试了许多不同的配置方法,但没有成功

    "watch": {
    "css": {
      "patterns": [ "src/styles"],
      "extenstions": "css",
      "runOnChangeOnly": false,
      "quiet":true
    },
    "build": {
      "patterns": ["src"],
      "extensions": "js,jsx",
      "runOnChangeOnly": false,
      "quiet":true
    }
  },
  "scripts": {
    "build:style": "tailwind build src/styles/index.css -o src/styles/tailwind.css",
    "start": "npm run build:style && react-scripts start && npm run watch",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "watch": "watch && npm run build:style"
  },

问题不在于npm手表或配置文件。如果您希望读取css文件,则必须导入该文件。仅此而已。在index.js中导入css

import './styles/tailwind.css'; 
import './styles/index.css';

您的命令是否应该是
build:style
而不是
css
?(第2行)我会尽力的谢谢