直接贴出vite.config.ts 的配置 plugins:[ vue(), AutoImport({ imports: ['vue', 'vue-router'], // 自动导入vue和vue-router resolvers:[ AntDesignVueRes
'@ant-prefix': config.antPrefix || 'ant', }, plugins: [new LessPluginImportNodeModules()], javascriptEnabled: true, }, }, }, }; }, }; } 复制代码 迁移的整个过程没有想象中那么繁杂,反而相对容易。几乎常用的功能Vite都有方案支持,这也许是Vite的厉害之处吧。其实本质上的复杂度在于业务,项目...
如果你使用的是AntDesignVue组件库,将"element-plus/global"替换成"ant-design-vue/typings/global"即可 AI检测代码解析 { "compilerOptions": { "baseUrl": ".", "types": ["node", "vite/client", "ant-design-vue/typings/global"] } } 1. 2. 3. 4. 5. 6. 环境变量 基础配置 环境变量。顾名...
通过分析 rollup 对 @ant-design/icons 、lodash 包的 transform 数量非常多。我们将这些包也加入到刚刚做的插件中 通过一顿操作下来,提速到 16 秒,先这样吧。 为什么将 cacheDir 放在根目录 cacheDir 作为存储缓存文件的目录。此目录下会存储预打包的依赖项或 vite 生成的某些缓存文件,使用缓存可以提高性能。在...
如果你想自定义 env 变量的前缀,请参阅envPrefix。 安全注意事项 .env.*.local 文件应是本地的,可以包含敏感变量。你应该将 .local 添加到你的 .gitignore 中,以避免它们被 git 检入。 由于任何暴露给 Vite 源码的变量最终都将出现在客户端包中,VITE_* 变量应该不包含任何敏感信息。
import {UserOutlined, KeyOutlined} from "@ant-design/icons/lib"; import md5 from "md5" import "./Login.scss" import { login } from "@/api/modules/user"; const Login: FC = () => { const navigate = useNavigate(); const [username, setUsername] = useState('') ...
collection对应的是 enabledCollections配置,默认是iconify上的所有图标。这里设置的是[‘ep’],表示的是Iconify 中的 element-plus 的图标,也可以设置mdi、ant-design,它会自动根据名称在package.json下载安装对应的图标集 Icons()表示会自动安装@iconify-json/ep的依赖,设置为true,他就会自动安装iconify 图标。
// 自定义 ant 前缀 '@ant-prefix': config.antPrefix || 'ant', }, plugins: [new LessPluginImportNodeModules()], javascriptEnabled: true, }, }, }, }; }, }; } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. ...
回想起来以前的工程里面有一个 shims-vue.d.ts 是用来解决这个的,但是现在的工程里面没有这个文件了, 取而代之的是一个 vite-env.d.ts 的文件,但是这个文件里并没有 shims-vue.d.ts 的内容。所以我需要手动添加一下。
(), ], // 自定义规则 libs: [ { libraryName: "ant-design-vue", esModule: true, resolveStyle: (name) => { return `ant-design-vue/es/${name}/style/index`; }, }, ], }), ], // 引用使用less的库要配置一下 css: { preprocessorOptions: { less: { javascriptEnabled: true, }, ...