Как настроить реакцию на отслеживание изменений в css файлах с npm -watch - PullRequest
Новая
       8

Как настроить реакцию на отслеживание изменений в css файлах с npm -watch

0 голосов
/ 20 февраля 2020

Я установил реакцию и попутный ветер, и я не могу настроить npm -watch для наблюдения за css файлами. Если я изменю js, то файлы в порядке, но не для css.

Это мой пакет. 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"
  },

1 Ответ

0 голосов
/ 21 февраля 2020

Проблема была не в npm -watch или в файле конфигурации. Если вы хотите sh прочитать файл css, вы должны импортировать этот файл. Это все. В индексе. js импорт css. 

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