webpack对vue项目打包压缩失败

Question

我的项目是使用vue-cli搭建的。在使用webpack打包的过程中出错了，导致文件没能完全打包，压缩没有执行。
然后报错信息显示是因为我使用了vue-picture-preview插件的原因，webpack无法识别es6的语法导致的。但是这个插件是位于node_module中的，按道理来说它应该和其他的Node模块一样，进行同样的处理，比如我的element-ui也是插件，可是打包却完全不受影响。

这是我的报错信息。

我按照网上的做法，将webpack.config.js中的babel对于js编译进行了修改，结果又变成了main.js语法解析错误。我大致的判断是因为该插件的编译不成功，导致后面的文件编译出现了问题。

这是webpack的js部分的配置。

这是修改后打包对main.js的报错。

这是package.json依赖文件。

综上我的判断是该插件不支持webpack默认配置的编译，在此我想问问大神们，对于这样的情况该怎样处理？webpack对这种插件有什么解决方法？或者我是否应该考虑换插件？又或者我的判断是错误的，那么它又是怎样一种原因造成的？

Answer 1

你的babel装了哪些插件

Answer 2

应该是babel的配置有问题
把include改成
include: [path.resolve(__dirname, '../')/项目根路径/, path.resolve('/node_modules/_vue-....../index.js')]

Answer 3

修改成这样试下

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('node_modules/vue-picture-preview')]
}

对于依赖的关系，建议楼主发下package.json文件。

Answer 4

你好，请问你解决了这个问题了吗？我也遇到你这个问题了。搞了半天没有解决出来，好着急啊