关于vite

如何配置alias

// vite.config.js
module.exports = {
  alias: {
   { find: '@', replacement: '/src' },
  }
}

---

对于特殊alias的处理

某些组件中可能有 import ”~@scope/pkgname/filename”

一般是出现在css引用的时候

这个时候需要对~做特殊处理

比较推荐的vite插件

// vite.config.js
module.exports = {
  alias: {
   { find: /^~@/, replacement: '@' },
  }
}

---

比较常用的vite插件

1. vite-plugin-checker。支持eslint、ts、stylelint等规则对应的警告或错误，并且支持直接点击跳转到对应的文件。
2. vite-plugin-imp，按需引入配置。（如果配置直接写babelrc可以满足要求则不需要，如果配置比较灵活，则可以使用这个插件来完成）
3. rollup-plugin-visualizer。打包文件可视化
4. @vitejs/plugin-legacy。提升web的兼容性。

---

报错： Uncaught ReferenceError: process is not defined

使用import.meta.env来替代