打包工具

VuePress 一直以来都在使用 Webpack 作为打包工具来进行网站的开发和构建。从 VuePress v2 开始，我们还支持使用其他的打包工具，并且现在使用 Vite 作为默认的打包工具。当然，你仍然可以选择使用 Webpack 。

选择一个打包工具

在使用 vuepress 包时，会自动安装和使用 Vite 打包工具。

如果你想改为使用 Webpack 打包工具，那么你可以切换为 vuepress-webpack 包：

bash yarn remove vuepress yarn add -D vuepress-webpack@next bash npm uninstall vuepress npm install -D vuepress-webpack@next

配置打包工具

一般情况下，你不要任何额外配置就可以使用打包工具，因为我们已经帮你配置好了它们。

通过 bundler 配置项，你可以对打包工具进行进阶配置：

  1. const { viteBundler } = require('vuepress')
  2. // const { webpackBundler } = require('vuepress-webpack')
  4. module.exports = {
  5.   bundler: viteBundler({
  6.     vuePluginOptions: {
  7.       template: {
  8.         compilerOptions: {
  9.           isCustomElement: (tag) => tag === 'center',
  10.         },
  11.       },
  12.     },
  13.   }),
  14. }

你可以参考 打包工具 > Vite 和 打包工具 > Webpack 来查看对应打包工具的所有配置项。