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

Question

我正在 Laravel 中开发一个项目，其中我正在构建 Vue 组件。每当我对 .vue 文件进行任何更改并将其暂存以进行提交时，也会对我没有做的 app.css 和 app.js 文件进行更改，特别是从前一阵子。我的老板和我认为这是编译器的问题——如果是这样，有没有办法阻止编译器这样做？如果不是编译器，有没有人知道这可能是什么？

Answer 1

Laravel 使用Laravel Mix，它是webpack的一个包装器，用于编译你的 js 和 scss 文件。这还包括您的 Vue 文件，这些文件被编译为您的app.js. 这是完全正常的行为。

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

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

Answer 2

如果您正在使用，这可能是有时会发生的错误

npm run watch

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

你可以尝试使用

npm run watch -poll

这将定期手动（例如每秒）检查更改。