更改 Laravel 中的 .vue 文件会自动更改不相关的 CSS

Changing .vue files in Laravel are automatically changing unrelated CSS

我正在 Laravel 从事一个项目,我正在其中构建 Vue 组件。每当我对 .vue 文件进行任何更改并将其暂存以进行提交时,也会对我没有做的 app.css 和 app.js 文件进行更改,特别是撤消相同的 css 来自前一段时间的提交。我和我的老板认为这是编译器的问题——如果是这样,有没有办法阻止编译器以这种方式运行?如果不是编译器,有人知道这可能是什么吗?

这可能是一个错误,如果您使用

,有时会发生
npm run watch

作为检查文件更改的脚本。

您可以尝试使用

npm run watch -poll

这将定期和手动(例如每秒)检查更改。

Laravel 使用 Laravel Mix which is a wrapper around webpack 来编译你的 js 和 scss 文件。这还包括作为 app.js 的一部分编译的 Vue 文件。这是完全正常的行为。

编译器默认从resources目录中读取你的js和sass文件,并将它们编译成public/js/app.jspublic/css/app.css。你不应该直接编码到 public 目录中的这两个文件,否则每次编译都会覆盖这些文件!

将你所有的js和css代码写在resources目录下。