vue3打包踩坑记录‘readFile‘ is not exported by __vite-browser-external, imported by node_modules/pdfjs-dist

打包报错如下

问题所在

因为vue3项目是用不了vue-pdf所以用了pdfjs-dist，开发环境pdf查看是没问题正常使用，只是在打包的时候就报错，应该是由于pdfjs-dist.js使用了fs,fs是nodejs环境下的工具库,所以vite才会报错。

处理办法

1、下载插件

cnpm install vite-plugin-commonjs-externals -D

2、vite.config.js配置

import commonjsExternals from 'vite-plugin-commonjs-externals';

plugins: [
		commonjsExternals({
		  externals: ['fs','canvas','zlib','http','https','url'] //这里
		}),
	],

这样轻松搞定打包报错问题。