Reactjs 如何使用npm watch配置响应以监视css文件中的更改
我已安装react和tailwind,无法将npm watch配置为监视css文件。如果我改变js文件是可以的,但不是css 这是我的package.json。我尝试了许多不同的配置方法,但没有成功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 },
"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行)我会尽力的谢谢