chore: update vite webpack config with new plugin and page behavior parameters implemented

This commit is contained in:
Anda Toshiki 2023-09-17 02:10:43 -07:00
parent db49332444
commit 9fcde5bd02

View File

@ -4,37 +4,63 @@ import UnoCSS from 'unocss/vite'
import { MarkdownTransform } from './.vitepress/plugins/markdownTransform'
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'
import { ArcoResolver } from 'unplugin-vue-components/resolvers'
import { resolve } from 'node:path'
import { createRequire } from 'node:module'
import type { UserConfig } from 'vite'
export default defineConfig({
plugins: [
Components({
dirs: ['.vitepress/theme/components'],
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
resolvers: [
IconsResolver({
componentPrefix: '',
}),
],
dts: './.vitepress/components.d.ts',
transformer: 'vue3',
}),
Icons({
compiler: 'vue3',
autoInstall: true,
defaultStyle: 'display: inline-block',
}),
UnoCSS(),
MarkdownTransform(),
],
const require = createRequire(import.meta.url)
export default defineConfig(async () => {
return <UserConfig>{
server: {
hmr: {
overlay: false,
},
fs: {
allow: [resolve(__dirname, '..')],
},
},
plugins: [
// custom markdown transformation plugin with regex
MarkdownTransform(),
// custom components including plugins
Components({
dirs: ['.vitepress/theme/components'],
include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
resolvers: [
IconsResolver({
componentPrefix: '',
}),
ArcoResolver({ sideEffect: true, resolveIcons: true }),
],
dts: './.vitepress/components.d.ts',
transformer: 'vue3',
}),
Icons({
compiler: 'vue3',
autoInstall: true,
defaultStyle: 'display: inline-block',
}),
UnoCSS(),
],
css: {
postcss: {
plugins: [require('postcss-nested')],
},
},
ssr: {
noExternal: ['@andatoshiki/vitepress-plugin-nprogress', '@arco-design/web-vue'],
},
build: {
chunkSizeWarningLimit: 1600,
},
ssr: {
noExternal: ['@andatoshiki/vitepress-plugin-nprogress', '@arco-design/web-vue'],
},
build: {
chunkSizeWarningLimit: 1600,
// rollup build options
rollupOptions: {
external: [
'node:*',
'./assets/*',
],
},
},
}
})