vue cli 3 vue.config.js webpack打包node_modules npm包内的文件 Class constructor cannot be invoked without

import classA from ‘packageName’;

class classB extends classA {

...

}

以上使用方式将会在前端控制台报错：

Class constructor cannot be invoked without 'new'

因为webpack 默认打开忽略node_modules路径下的文件，只打包相对路径，业务引用的文件；

解决方法：

没啥用～～～～实际浏览器不支持es6的class，你webpack打包转换的只有相对路径，node_modules目录下的class并不转换，最终浏览器用转换的es5去调class就是错误的了

vue cli 3

vue.config.js

module.exports = {
...
  transpileDependencies: [
    'packageName',
  ],
...
}

这样将包括对应packageName下的文件打包；

参考：
https://stackoverflow.com/questions/44625868/es6-babel-class-constructor-cannot-be-invoked-without-new