生成海报3 

vuepress在beta.28版本以前，默认使用的打包工具是webpack，但是从beta.28版本及之后的版本，便使用了vite作为默认的打包工具，但是你可以手动进行切换

如何查看当前的打包工具

vite

如果你运行npm run dev之后，会出现多个打开网址，那么这个就是使用vite作为打包工具，同时，你也可以运行npm run build命令，在控制台会有提示

webpack

如果你运行是上面这种，只出现一个网址，那么你使用的就是webpack作为打包工具，并且你可以通过打印的信息便可以看出

WARNING

我推荐大家使用webpack，因为目前使用vite的话，我主题中，需要引入leanCloud的依赖包，但是此依赖包里面，好像并不能使用import进行导入，所以vuepress-plugin-coze插件，我还是使用require()进行引入，但是这样的话，使用vite启动，浏览器控制台就会报一个错误require is not defined，解决办法就是使用webpack

切换打包工具

如果你需要在这两个工具之间进行切换，那么你需要先安装vuepress-webpack@next,请运行下面命令

npm install -D vuepress-webpack@next

然后进入到docs/.vuepress/config.js文件中，加上下面内容

module.exports = {
    bundler: '@vuepress/bundler-webpack',
}

还不会加?

如果你在config.js文件里面加上bundler: '@vuepress/bundler-webpack'，那么你现在重新运行npm run dev或者npm run build将使用webpack作为打包工具

同理，如果你把上面的bundler: '@vuepress/bundler-webpack'注释了，那么就使用默认的vite作为打包工具

WARNING

推荐使用webpakck作为打包工具