Vue CLI项目在纱线后不热装-> npm开关。也没有配置文件吗？

Question

由于客户/同事希望我必须切换到npm。该项目是使用Vue CLI和Yarn作为默认程序包管理器创建的。

我首先认为没什么大不了，所以我删除了node_modules文件夹和yarn.lock文件。然后我先运行npm install，然后运行npm run serve。

它可以正常工作并编译，当我更改文件时可以重新编译，到目前为止一切都很好，但这是一个很奇怪的部分：更改不会反映在浏览器中。我必须手动刷新页面。

我试图查看vue或webpack的配置文件。但是没有。没有Webpack配置，没有vue cli配置，没有构建文件夹。

我拥有的是：-.eslintrc.js-.browserlistrc-babel.config.js-postcss.config.js

我不知道还要寻找什么？有人知道这可能是什么吗？

非常感谢，-J

Answer 1

Vue CLI取决于@vue/cli-service，其行为与Facebook的Create React App（react-scripts）完全一样。

如果您熟悉create-react-app，@ vue / cli-service大概是等效于react-scripts，尽管功能集是不同。

https://cli.vuejs.org/guide/#cli-service

因此，他们两个都通过将所有捆绑配置（例如webpack.config.js）隐藏在地​​毯下来为您“简化”项目的配置。在大多数情况下，这很方便，除非您决定做一些花哨的事情（例如开关包管理器）。在Create React App中，可以通过运行yarn eject或npm run eject来解决此问题，但是在Vue CLI平台上，您已被锁定。因此，没有直接的方法可以使所有基础配置文件出现并修复其中的错误位。他们。

要感到惊讶吗？。

Answer 2

我的原因是什么（我有Linux操作系统）：

似乎值：max_user_watches在/proc/sys/fs/inotify/max_user_watches中正在影响webpack =>，这干扰了热重载。

检查您的实际值

$cat /proc/sys/fs/inotify/max_user_watches
16384

16384就我而言，还远远不够。因此，您也需要增加价值。

如果具有Linux操作系统，则解决方案：

创建文件：

sudo nano /etc/sysctl.d/90-override.conf

并在其中填充：

fs.inotify.max_user_watches=200000

看来200000对我来说足够了，如果需要，您可以提供更高的价值。

创建文件并添加值后，只需重新启动PC，就可以了。