时间戳

首页 > 解决方案 > 禁用 Vue devserver 中文件夹的热重载

vue.js - 禁用 Vue devserver 中文件夹的热重载

问题描述

当公用文件夹中的文件更改时，如何让 Vue devserver 不重新加载页面？

一些背景知识：我在Vue 项目中使用Chrome 工作区。我在public使用工作区编辑的文件夹中有 CSS 文件，当我在 devtools 中制作它们时保存 CSS 更改。但是，当我编辑 css 样式（将保存文件）时，Vue 开发服务器会在查看该文件时重新加载页面。我试过添加这个vue.config.js：

watchOptions: {
      ignored: ['node_modules', /public/],
    },

这解决了页面重新加载的问题，但是如果我进行页面刷新，它具有开发服务器启动时的原始 CSS 文件，大概ignored也阻止它复制 CSS。

标签： vue.jsvuejs2webpack-dev-server

解决方案

推荐阅读