Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.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
Javascript 如何让npm运行脚本在更新CSS文件时运行build:style脚本?_Javascript_Npm_Tailwind Css - Fatal编程技术网

Javascript 如何让npm运行脚本在更新CSS文件时运行build:style脚本?

Javascript 如何让npm运行脚本在更新CSS文件时运行build:style脚本?,javascript,npm,tailwind-css,Javascript,Npm,Tailwind Css,在my package.json中,我运行了如下脚本: "scripts": { "build:style":"tailwind build src/styles/index.css -o src/styles/tailwind.css", "start": "npm run build:style && react-scripts start", "build": "react-scripts build", "test": "react-s

在my package.json中,我运行了如下脚本:

  "scripts": {
    "build:style":"tailwind build src/styles/index.css -o src/styles/tailwind.css",
    "start": "npm run build:style && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
我将这个tailwindcss框架用于CSS,它使用postss更新CSS。
当前,如果我更新我的CSS npm,则不会运行构建,因此在我停止并重新运行之前,我的CSS更改不可见:

npm run start

npm是否有办法监视CSS文件,并且在更改后也运行build:style命令?

不幸的是,我不相信Tailwinds有“监视”功能。我相信一个解决办法是安装手表软件包

npm install watch
你有很多脚本正在进行,如果不知道你是如何集成PostCs之类的,很难确切地知道该做什么。一个选项是创建一个新脚本,利用新的监视节点包

  "scripts": {
    "build:style":"tailwind build src/styles/index.css -o src/styles/tailwind.css",
    "start": "npm run build:style && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "watch": "watch 'npm run start'"
  },
如果这不起作用,请查看下面的博客。它使用相同的方法,但可能有洞察,可以帮助您找出它