vue3使用vite开发，效率会快很多，但是打包后就会遇到问题，vite的打包后的文件是需要部署到服务器才可以查看，但是很多时候我们的页面会有直接用静态页面去给人看的情况，这个时候vite就不可以了。
通过配置vite.config.js可以处理部署后查看白屏的问题，但是静态页面不行，因为js部分使用的是model的方式引入。网上找了很久，看vite的官网也看了很久，最后放弃了，使用cil的方式重建了一个项目，然后把代码移植过去，这其中有些地方需要注意，主要是eslint的配置
通过修改.eslintrc.js（没有的可以新建）
```
// .eslintrc.js
module.exports = {
root: true,
env: {
node: true,
‘vue/setup-compiler-macros’: true
},
extends: [
‘plugin:vue/vue3-essential’
],
parserOptions: {
ecmaVersion: 2020
},
rules: {
‘no-console’: process.env.NODE_ENV === ‘production’ ? ‘warn’ : ‘off’,
‘no-debugger’: process.env.NODE_ENV === ‘production’ ? ‘warn’ : ‘off’
}
}
```
vue.config.js也要记得调整，加上publicPath:‘./’
版权声明：本文为weixin_43110440原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。