Изменение. vue файлы в Laravel автоматически изменяются независимо CSS

Question

Я работаю над проектом в Laravel, в котором я создаю Vue компоненты. Всякий раз, когда я делаю какие-либо изменения в файле. vue и ставлю его для фиксации, изменения также вносятся в файлы приложения. css и приложения. js, которые я не делал, в частности отменяя тот же бит css из коммита с некоторого времени go. Мой босс и я думаю, что это проблема с компилятором - если так, есть ли способ предотвратить поведение компилятора таким образом? Если это не компилятор, кто-нибудь знает, что это может быть?

Answer 1

Laravel использует Laravel Mix , который является оберткой вокруг webpack для компиляции файлов js и s css. Это также включает ваши Vue файлы, которые скомпилированы как часть вашего app.js. Это совершенно нормальное поведение.

По умолчанию компилятор считывает ваши js и файлы sass из каталога resources и компилирует их в public/js/app.js и public/css/app.css. Вы не должны непосредственно кодировать эти два файла в каталоге public, в противном случае каждый раз, когда вы компилируете эти файлы, они будут перезаписаны!

Запишите все свои коды js и css в каталог resources .

Answer 2

Это может быть ошибка, которая иногда возникает, если вы используете

npm run watch

в качестве скрипта для проверки изменений файла.

Вы можете попробовать использовать

npm run watch -poll

Это будет периодически и вручную (например, каждую секунду) проверять наличие изменений.