vite-plugin-auto-i18n通过解析js文件去抽离需要翻译的文本,因此使用vite-plugin-auto-i18n之前需要调用相关插件比如vueplugin,将特殊格式的文件转成js类型的文件 vite-plugin-auto-i18n插件运行完之后会创建一个文件夹,里面会有一个json文件,格式化json之后就可以看到不同语言的翻译,如果对某个语言翻译不认同,更改json...
import { autoImport } from 'vite-plugin-i18n-autoimport' const LOCALE_ENUM = { zhCn: "zh-CN", zhHant: "zh-Hant" } export default defineConfig(() => { return { plugins: [ autoImport({ locales: [LOCALE_ENUM.zhCn, LOCALE_ENUM.zhHant], dts: './i18ntest.d.ts' }), ] } })...
importAutoImportfrom'unplugin-auto-import/vite'exportdefault({ mode }) =>defineConfig({plugins: [AutoImport({imports: ['vue','vue-router','vuex','@vueuse/head'],// 可以选择auto-import.d.ts生成的位置,使用ts建议设置为'src/auto-import.d.ts'dts:'src/auto-import.d.ts'}), ] }) vite...
在vite.config.ts中增加下面的配置: import VueI18n from "@intlify/vite-plugin-vue-i18n"; export default defineConfig({ //... plugins: [ AutoImport({ imports: ["vue", "vue-router", "pinia", "vue-i18n"], dts: "src/auto-imports.d.ts", }), VueI18n({ include: [path.resolve(__dir...
# 下载Element Plus包 npm install element-plus --save # 安装自动导入ElementPlus的两款插件 npm install -D unplugin-vue-components unplugin-auto-import 配置vite.config.ts文件 安装好插件后在配置文件中vite.config.ts编写自动导入Element-plus插件的代码。 import { defineConfig, loadEnv } from 'vite...
import AutoImport from 'unplugin-auto-import/vite' import ViteComponents from 'vite-plugin-components' import EnvCompatible from 'vite-plugin-env-compatible' import { visualizer } from 'rollup-plugin-visualizer' import vueI18n from '@intlify/vite-plugin-vue-i18n' ...
对于第一个问题,将 imprts 改为 imports 是因为插件 unplugin-auto-import 中正确的配置项是 imports...
"unplugin-auto-import": "0.5.3", "vite": "2.6.14", "vite-plugin-compression": "0.3.6", "vite-plugin-svg-icons": "1.0.5", "vite-plugin-vue-setup-extend": "0.1.0" } } 从上dependencies中可以可以看出,使用了 vue3、axios、icons图标、echarts图表、elementUI、file-saver导出文件、js-...
(4) 对于unplugin-auto-import.js的配置, 针对vue、vue-router、vue-i18n、pinia页面无需使用例如:import{ useRouter } from"vue-router"; 可以直接使用constroute =useRouter() (5) 对于unplugin-auto-import.js的配置,针对对象内的配置自定义导入的,key为路径,值为数组的形式, ...
plugin/autoImport.ts create mode 100644 build/vite/plugin/compress.ts create mode 100644 build/vite/plugin/element.ts create mode 100644 build/vite/plugin/html.ts create mode 100644 build/vite/plugin/imagemin.ts create mode 100644 build/vite/plugin/index.ts create mode 100644 build/vite/plugin/...