在 VuePress 中,每次修改代码都需要重启 VuePress,这是因为 VuePress 默认使用了热更新。如果您不想每次修改代码都重启 VuePress,可以尝试以下方法:
1. 在 package.json 文件上添加脚本命令 "scripts": {"docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs", // 上面我修改了 VuePress 的输出目录,所以您如果没有修改.vuepress/config.js // 的 dest 属性,应该将这里的 dist 改为.vuepress/dist // 注意在此处添加了一个空格"},这样就可以通过运行 "npm run docs:dev" 来启动开发服务器,并且在修改代码时不需要重启服务器。
2. 如果您的 VuePress 版本是 3.x,可以在 .vuepress/config.js 文件中添加以下配置:{"base": ".", "dest": "public", "postcss": { "plugins": [require("autoprefixer"), require("postcss-pxtorem")({ rootValue: 75, propList: ["*"] })]},这样就可以使用 postcss-pxtorem 将像素转换为 rem,从而避免了因为字体大小变化而导致的页面布局错乱。
1. 在 package.json 文件上添加脚本命令 "scripts": {"docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs", // 上面我修改了 VuePress 的输出目录,所以您如果没有修改.vuepress/config.js // 的 dest 属性,应该将这里的 dist 改为.vuepress/dist // 注意在此处添加了一个空格"},这样就可以通过运行 "npm run docs:dev" 来启动开发服务器,并且在修改代码时不需要重启服务器。
2. 如果您的 VuePress 版本是 3.x,可以在 .vuepress/config.js 文件中添加以下配置:{"base": ".", "dest": "public", "postcss": { "plugins": [require("autoprefixer"), require("postcss-pxtorem")({ rootValue: 75, propList: ["*"] })]},这样就可以使用 postcss-pxtorem 将像素转换为 rem,从而避免了因为字体大小变化而导致的页面布局错乱。
下一篇:青年该如何选择职业