webpack to vite migrate guide

108 阅读1分钟

具体迁移步骤

webpack to vite

差异点

全局变量

  • webpack中以 new webpack.DefinePlugin插件实现
    new webpack.DefinePlugin({
      GATEWAY_LINK: JSON.stringify(gateway),
    }),
  • vite中直接新建 .env 文件

开发环境 .env.development 生产环境 .env.production

.env.development文件写入: VITE_GATEWAY = "xx.com";

具体步骤

tips:必须以VITE_开头

使用时 import.meta.env.VITE_GATEWAY


其他常规配置项

代码规范相关

引入airbnb // 需要重启vscode

add husky

关于提交报错问题,可能是初始化的hooks和husky冲突,解决方法husky-conflict

image.png


husky不生效 版本问题


vue/comment-directive校验html问题


eslint-plugin-vue未生效问题,未配置eslint的parse属性

image.png

解决方法