使用vue-virtual-scroller导致打包报错

引言:在项目中使用vue-virtual-scroller,打包的时候报错

问题原因 : vue-virtual-scroller 模块使用了 ES6 的扩展运算符 ( ...props ),但 webpack 配置中的 babel-loader 排除了所有 node_modules 目录,导致该模块无法被正确转译。

修复方案 :修改了 build/webpack.base.config.js 第58行的 babel-loader 配置:

bash 复制代码
// 修改前
exclude: /node_modules/,

// 修改后  
exclude: /node_modules(?!.*vue-virtual-scroller)/,

这个正则表达式会排除所有 node_modules 目录,但 不排除 路径中包含 vue-virtual-scroller 的目录(包括带版本号的路径如 _vue-virtual-scroller@1.1.2@vue-virtual-scroller ),这样 babel-loader 就会正确处理该模块的 ES6 语法。

这样修改之后再使用 npm run build 就完成打包,不会存在问题

相关推荐
JiaWen技术圈5 小时前
next.js 开发中的水合(Hydration)问题
javascript
Maddie_Mo5 小时前
Pi Agent Web 使用教程:把本地 Pi Coding Agent 搬进浏览器
android·java·前端·人工智能·ai
zzqssliu5 小时前
反向海淘跨境代购系统架构设计:基于Laravel+Vue+React的实战拆解
vue.js·系统架构·laravel
Python私教6 小时前
从主题闪烁到 Markdown 阅读体验:RuyiBlog v0.1.1 的前端实现复盘
前端·状态模式
SuperEugene6 小时前
菜单架构设计:递归渲染、权限过滤、多级菜单与面包屑统一|权限与菜单架构篇
前端·vue.js·架构
边界条件╝6 小时前
Pinia 深度使用实战
前端·vue.js
英俊潇洒美少年6 小时前
前端 Jest 单元测试零基础实战:模板、提效、避坑、面试题(Vue 项目可用)
前端·vue.js·单元测试
和blue一起变得更好6 小时前
周三:Vue3高级组件特性
前端·javascript·vue.js
happyprince6 小时前
10-Hugging Face Transformers 量化系统深度分析
java·前端·数据库
AskHarries6 小时前
如何使用 OpenClaw Skill
前端