VuePress2 配置别名 alias

最新推荐文章于 2024-04-28 17:10:33 发布

原创最新推荐文章于 2024-04-28 17:10:33 发布 · 697 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

VuePress2 配置别名 alias

VuePress1.x 中提供了configureWebpack,chainWebpack webpack 扩展配置，VuePress默认底层构建是基于vite,并提供了viteBundler 对vite的扩展

viteBundler

提供了对vite构建工具的扩展配置既viteOptions
vuePluginOptions既@vitejs/plugin-vue的扩展配置，

viteOptions 参考

vuePluginOptions参考

import { defineUserConfig,viteBundler } from 'vuepress'

function _resolve(dir: string) {
  return path.resolve(__dirname, dir)
}

export default defineUserConfig({
  bundler:  viteBundler({
    viteOptions: {
      resolve: {
        alias: {
          '@ys': _resolve('../../src'),
          '@packages':_resolve('../../src/packages'),
        }
      }
    }
  })
})