Laravel - npm run watch - 反复运行 - 不间断

Question

我已经安装了 Laravel。我使用 Visual Studio Code 在我的 Windows 10 上进行开发。我已经安装了 npm 和 node。并基于 Laravel 的默认 package.json 运行安装，使用 npm install 命令。 我保持文件不变，它看起来像这样：

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.15.3",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^3.2.3",
    "jquery": "^3.1.1",
    "laravel-mix": "0.*",
    "lodash": "^4.17.4",
    "vue": "^2.1.10"
  }
}

问题是，运行 npm run watch 不仅仅让 npm 等待更改。 npm 一直在运行npm run dev，一遍又一遍！

Answer 1

这里解决了这个问题的正确答案

https://github.com/JeffreyWay/laravel-mix/issues/228

它也有解决方案以及导致它的原因。

Answer 2

我遇到了同样的问题，这是因为我将图像放入 public/images 目录中，并且此路径正在加载到我的 sass 文件中。当我更改图像路径时，效果很好

当您将资产放入构建路径时会发生此问题。

Answer 3

这个问题似乎有多个错误来源。就我而言，它与 Tailwind CSS 和 purge 选项有关。我不记得我安装了什么包，但我将以下内容复制粘贴到我的tailwind.config.js：

module.exports = {
    mode: 'jit',
    purge: {
        content: [
            './public/**/*.html',

在我删除'./public/**/*.html', 行之后，它起作用了。

Answer 4

npm run watch 不断运行。普通的？是的，正常的

使用npm run development 而不是npm run watch

npm run watch 用于跟踪你对 css 和 js 文件的更改然后立即部署它

但是npm run development 部署一次用于开发 和npm run production 用于生产（缩小文件）