vite
文章平均质量分 54
解决vite打包处理vue2 vue3
前端小99
心有猛虎 细嗅蔷薇
展开
-
工程化vite+vue2打包配置文件配置表
打开,按照官网提示创建新的vite项目(由于原先项目没有用ts,所以创建项目不选ts版本,包管理工具也依然选择是npm)。创建完成后,使用vs code打开,打开命令行,执行npm i安装依赖npm i安装依赖完成后,使用npm run dev启动项目第二步,安装依赖配置依赖生成配置vite.config.js配置文件 注意base的路径!!!!原创 2022-11-07 10:33:14 · 1023 阅读 · 0 评论 -
vite创建的项目,打包后的文件本地预览报错 Access to script at ‘...‘ from origin ‘null‘ has been blocked by COR
全局安装服务支持 http-sever ,安装后若不配置环境变量,需要使用http-server命令,也可以自己去配置环境变量,此处省略配置方法。服务开启成果后,如上图。服务开启时会自动寻找文件夹内的index.html,我们只需要打开图中地址即可正常预览打包后的项目。vite创建的项目,打包后的文件本地预览报错,原因是file文件不支持import,需要开启个服务。进入打包后的文件夹,运行cmd,输入下方命令行,开启一个服务,端口号设置不冲突即可。原创 2022-11-07 10:39:05 · 7342 阅读 · 1 评论