记录一次vue项目融合-webpack3升级到webpack4

一.背景：

甲方将项目划分了2部分，一部分由我们完成，一部分由其他人完成，由于项目属于二期开发，且最初都不知道这个项目后面是要合并的，因此我们在原代码基础上进行开发，使用的是vue2+webpack3+less;而另一方则重新搭建了框架vue2+webpack4+sass(这部分属于一个专题)。

二.合并冲突：

由于项目两部分使用了不同的webpack以及其他不同版本的依赖项，导致项目合并后运行时各种报错，主要的原因就是webpack版本不同，导致sass-loader的版本高或低都会跟其他的依赖产生冲突。

三.问题解决：

找到根本原因就比较好解决了，干脆就把原项目升级，webpack3===>webpack4。

1.卸载旧版本webpack,下载/更新新版本的webpack及其他插件:

"copy-webpack-plugin": "^4.6.0",
"html-webpack-plugin": "^4.0.0-beta.14",
"mini-css-extract-plugin": "^0.5.0",
"webpack": "^4.29.0",
"webpack-cli": "^3.2.3",
"webpack-dev-server": "^3.1.14",
"vue-loader": "15.7.0",

2.调整目录结构：将index.html放在src文件夹下面。

3.删除项目中原来的build文件夹(原来的webpack配置文件),在根目录新建webpack.co