【背景】
昨晚把项目传到github，然后想把DEMO地址放出来。
打包时发现路由传值的页面配置错误，css位置错误。
打包搞了感觉有点麻烦，不如直接在服务器上装个nodejs环境，然后npm run dev，运行项目即可。
然后，我的故事开始了......
【经历】
首先，我通过yum安装了nodejs，配好了Node的ftp文件夹。
上传运行，成功！
然而，到公网123.123.123:8080，却无法访问。
我忽然想到防火墙端口、腾讯云的安全组没开，设置后仍无法开启。
后来查资料，我需要配置项目conf/index.js dev-host，把host改为0.0.0.0.
然而我检查我到项目并没有conf文件夹。
猛然想到自己这个项目是vue init webpack-simple xxx建立的，于是只好重建项目。
接下来，配置package.json的dependencies（运行依赖），写上我需要的axios、QS、element等库。
把src文件夹复制过来，然后运行npm run dev。
结果又报错：
!!vue-style-loader!css-loader.......很长很长.......
查看原因，原来是开发依赖少了俩包。
npm intall sass-loader --save; npm intall node-sass --save;
项目运行成功！然而我进入主页后白屏。控制台打印：
jPlayer里是这样写的：$.fn.jPlayer.....
通过搜索，有老外说可能$损坏，需要把jplayer包起来做个匿名函数。
(function ( $ ) {
// put jplayer.js code here
}( jQuery ));尝试后，控制台又说说找不到jQuery 了！
然后我又重新尝试了各种方法，搜了各种VUE导入JQuery插件的方法。
能搜到的全试过了，重置项目好几遍，然而仍然报错。
我一度怀疑，要不去社区提问/找有偿帮助下算了。
就快放弃的时候，突然想到，我之前项目里都是import './js/jPlayer'，这么引入的插件。（运行一直没有问题）
要不通过cnpm install jplayer装下试试？
重新运行终于成功了。美中不足是部分css显示错误，但问题不大。
【尾声】
我去翻了下node_modules里的jplayer代码，发现两个文件是一模一样的。。。
这次经历提醒我。开发webpack，就尽量用cnpm install安装第三方插件。
尽量用vue init webpack XXX创建项目。
项目完成时候学好打包。本来想图个方便，结果碰上好多坑。。
好了，就写到这儿了，一直没心情吃饭饿死我了