更改 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.js
和public/css/app.css
。你不应该直接编码到 public
目录中的这两个文件,否则每次编译都会覆盖这些文件!
将你所有的js和css代码写在resources
目录下。
我正在 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.js
和public/css/app.css
。你不应该直接编码到 public
目录中的这两个文件,否则每次编译都会覆盖这些文件!
将你所有的js和css代码写在resources
目录下。