Как получить скрипт запуска npm, запустить скрипт build: style при обновлении CSS-файлов? - PullRequest
Новая
       50

Как получить скрипт запуска npm, запустить скрипт build: style при обновлении CSS-файлов?

0 голосов
/ 09 октября 2019

В моем 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, и она использует PostCSS для обновления CSS.
В настоящее время, если яобновить мой CSS npm не запускает сборку, поэтому мои изменения CSS не видны до тех пор, пока я не остановлюсь и не перезапущусь: 

npm run start

Есть ли способ для npm просматривать файлы CSS и при изменениитакже запустите команду build: style?

1 Ответ

0 голосов
/ 09 октября 2019

К сожалению, я не верю, что у Tailwinds есть функция 'watch'. Я считаю, что одним из обходных путей может быть установка пакета watch. 

npm install watch

У вас есть много сценариев, и вы не знаете, как вы интегрировали PostCSS и тому подобное, сложно точно знать, что делать,Один из вариантов - создать новый сценарий, использующий преимущества нового пакета узла наблюдения. 

  "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'"
  },

Если это не сработает, просмотрите блог ниже. Он использует ту же методологию, но может иметь понимание, которое поможет вам разобраться!

https://flaviocopes.com/tailwind-setup/

...