123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- 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'],
- }
- }
- }
- },
- terserOptions: {
- compress: {
- drop_console: true,
- drop_debugger: true
- }
- },
- })
|