VuePress2 配置别名 alias

最新推荐文章于 2023-04-01 09:43:39 发布

wangjienull

最新推荐文章于 2023-04-01 09:43:39 发布

阅读量550

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/wangjienull/article/details/128817488

版权

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'),
        }
      }
    }
  })
})