引言:在项目中使用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 就完成打包,不会存在问题