原因： 由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法，所以导致 webpack 打包失败。解决： webpack.config.js 配置删除下面这句， exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader ， 覆盖了上一句 include 的设置

大部分使用过webpack的朋友都知道，抽离css需要使用到webpack的插件extract-text-webpack-plugin，vue也不例外。官方给的vue-loader的文档里面有这样的描述。不要在style上添加scss或者less，否则你要去配置他们的抽离 我们现在抽离.vue文件下的style的css样式，zmz在测试了很多得出以下不是结论的结论，由于第一次玩没有别人指点走了不少弯路，现在总结如下，抽离普通css样式，（适合style默认lang）

目标,首先可以实现开发环境，保存代码自动更新 其次，可以将代码进行压缩打包,实现,我们需要搭建一个webpack环境，没有node的自行百度安装，然后用npm安装webpack，全局安装

在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示

当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。

命令行:cd webpack-demo,npm init (一直回车，知道输入yes); 目录中出现package.json.安装webpack，npm i -D webpack。教程中使用的是最新版本.package.json出现webpack，说明安装成功了。node_modules

在src的js下创建一个入口文件, 我创建的叫做entry.js, 在项目目录再创建一个index.html用来调试使用. 编写webpack.config.js文件,