12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- import { defineConfig } from 'vite'
- import vue from '@vitejs/plugin-vue'
- import path from 'path'
- import WindiCss from 'vite-plugin-windicss';
- import AutoImport from 'unplugin-auto-import/vite'
- import Components from 'unplugin-vue-components/vite'
- import Icons from 'unplugin-icons/vite'
- import IconsResolver from 'unplugin-icons/resolver'
- import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
- import basicSsl from '@vitejs/plugin-basic-ssl'
- import ReactivityTransform from '@vue-macros/reactivity-transform/vite'
- // import legacyPlugin from '@vitejs/plugin-legacy'
- // https://vitejs.dev/config/
- export default defineConfig({
- resolve: {
- alias: {
- '@': path.resolve(__dirname, 'src'),
- '~': path.resolve(__dirname, 'src'),
- // '~components': path.resolve(__dirname, 'src/components'),
- // '~pages': path.resolve(__dirname, 'src/pages'),
- // '~utils': path.resolve(__dirname, 'src/utils'),
- // '~assets': path.resolve(__dirname, 'src/assets'),
- // '~styles': path.resolve(__dirname, 'src/styles'),
- // '~lib': path.resolve(__dirname, 'src/lib'),
- // '~plugins': path.resolve(__dirname, 'src/plugins'),
- // '~router': path.resolve(__dirname, 'src/router'),
- // '~store': path.resolve(__dirname, 'src/store'),
- // '~config': path.resolve(__dirname, 'src/config'),
- // '~api': path.resolve(__dirname, 'src/api'),
- // '~constants': path.resolve(__dirname, 'src/constants'),
- // '~locales': path.resolve(__dirname, 'src/locales'),
- }
- },
- plugins: [
- // legacyPlugin({
- // targets: ['chrome 52'], // 需要兼容的目标列表,可以设置多个
- // additionalLegacyPolyfills: ['regenerator-runtime/runtime'] // 面向IE11时需要此插件
- // }),
- ReactivityTransform(),
- vue({
- reactivityTransform: true
- }),
- WindiCss(),
- basicSsl(),
- AutoImport({
- dts: 'src/auto-imports.d.ts',
- imports: ['vue', 'vue/macros', 'vue-router',],
- dirs: [
- 'src/composables',
- 'src/store',
- 'src/utils',
- ],
- resolvers: [
- ElementPlusResolver(),
- ],
- vueTemplate: true,
- // eslint报错解决
- eslintrc: {
- enabled: false, // Default `false`
- filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json`
- globalsPropValue: true, // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
- },
- }),
- Components({
- dts: 'src/components.d.ts',
- dirs: ['src/components/'],
- // allow auto load markdown components under `./src/components/`
- extensions: ['vue', 'md'],
- // allow auto import and register components used in markdown
- include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
- resolvers: [IconsResolver(), ElementPlusResolver()],
- }),
- Icons({
- compiler: 'vue3',
- autoInstall: true,
- })
- ],
- server: {
- host: true,
- // https: true
- },
- build: {
- assetsInlineLimit: 1024 * 1000,
- rollupOptions: {
- output: {
- manualChunks: {
- axios: ['axios'],
- }
- }
- }
- }
- })
|